Coloca capturas de pantalla dentro de un elegante marco de navegador estilo macOS con sombra y fondo degradado, y descárgalas en PNG de alta resolución.
Arrastra la captura de pantalla aquí
Compatible con PNG, JPG (máx. 1 archivo)
Coloca capturas de pantalla dentro de un elegante marco de navegador estilo macOS con sombra y fondo degradado, y descárgalas en PNG de alta resolución. Úsala para trabajo diario, desarrollo, aprendizaje o comprobaciones rápidas.
Esta herramienta funciona en tu navegador. Antes de usar datos sensibles, comprueba que confías en tu dispositivo y navegador.
Pegar una captura de pantalla tal cual en una presentación o en una publicación suele quedar plano, y no siempre se nota que se trata de una web. Esta herramienta envuelve tu captura en una ventana de navegador estilo macOS, con los botones rojo, amarillo y verde, barra de direcciones, esquinas redondeadas y una sombra suave, y la coloca sobre un fondo degradado. En segundos tienes una imagen cuidada para presentaciones, páginas de producto, portafolios o publicaciones en X.
Usarla es sencillo: haz clic en la zona de carga o arrastra una imagen sobre ella. Se admiten PNG y JPG, de uno en uno. En las opciones de estilo puedes elegir entre cuatro fondos degradados o un fondo oscuro liso sin degradado. El espaciado del fondo tiene tres tamaños, S, M y L, que determinan cuánto margen rodea a la captura. El tema del marco puede ser oscuro o claro para combinar con los colores de tu captura, y cada cambio se ve al instante en la vista previa de la derecha.
En «URL del navegador» puedes escribir cualquier dirección o texto, como el dominio de tu producto o la ruta de una página concreta. Si es demasiado largo, se recorta con puntos suspensivos para que nunca se salga de la barra. Al pulsar «Descargar mockup PNG», la herramienta vuelve a dibujar toda la imagen en un canvas dentro de tu navegador y exporta un PNG nítido de 1600 píxeles de ancho. La altura sigue la proporción de tu captura, así que incluso una captura de página completa se conserva entera.
Todo se compone en tu ordenador y las capturas nunca se suben a un servidor de AlpaKit, por lo que puedes usarla con pantallas de productos aún no publicados o paneles internos. Por ahora el marco solo tiene estilo macOS y el fondo no puede ser transparente. Si tu captura es mucho más estrecha que 1600 píxeles, se amplía al exportar y el texto puede verse algo borroso; cuando puedas, haz la captura en una pantalla de alta resolución o con una ventana más grande.
El PNG exportado mide siempre 1600 píxeles de ancho, incluyendo el espaciado del fondo, el marco de la ventana y la captura. La altura se calcula a partir de la proporción de tu captura y del espaciado elegido. Las capturas se escalan al ancho de la ventana, así que una imagen de baja resolución puede verse algo borrosa al ampliarse.
Por ahora no. Si eliges sin degradado, el fondo es un color oscuro liso, no transparente. Si necesitas transparencia, exporta primero la imagen aquí y luego elimina el color de fondo con una herramienta para quitar fondos o un editor de imágenes.
Solo está disponible un marco de navegador estilo macOS, con tema oscuro y claro. Los tres botones de la esquina superior izquierda y la barra de direcciones tienen un diseño fijo y no se pueden cambiar por una ventana de Windows o un marco de móvil.
No. La imagen se lee y se compone en un canvas dentro de tu navegador, y el PNG que descargas se genera de forma local. Tu captura no se sube a ningún sitio, así que puedes usarla con total tranquilidad aunque muestre pantallas confidenciales.
Ver esta categoría: Diseño y color
Diseña textos luminosos y letreros de neón personalizando colores, parpadeos y sombras con exportación de código CSS.
Extrae colores exactos píxel a píxel de cualquier imagen con lupa de alta precisión y genera la paleta dominante.
Configura y previsualiza maquetaciones CSS Flexbox y Grid visualmente, visualiza animaciones y copia el código CSS.
Genera combinaciones cromáticas armoniosas a partir de un color principal con exportación en HEX y RGB.
