Embellecedor de capturas de pantalla

Cómo embellecer una captura de pantalla

1. Suelta una captura de pantalla en la zona de carga, haz clic en ella para elegir un archivo o simplemente pégala con Ctrl+V (⌘+V en un Mac) justo después de hacerla. El botón Pegar desde el portapapeles hace lo mismo cuando el navegador lo permite.
2. Elige un Marco de ventana: Ventana de macOS (los botones rojo, amarillo y verde), Ventana de Windows (minimizar, maximizar y cerrar a la derecha), Ventana de navegador (una pestaña, botones de navegación y una barra de direcciones) o Sin marco. Elige el Tema del marco, Claro u Oscuro, a juego con la captura.
3. Escribe un Título de la ventana o URL. Aparece en la barra de título, o en la pestaña y la barra de direcciones del marco de navegador (el https:// inicial se omite, como hacen los navegadores).
4. Elige un Fondo: uno de los Degradado predefinidos, un Color sólido, tu propia Imagen, una Captura desenfocada (una copia suave y desenfocada de la propia captura) o Transparente.
5. Ajusta el Margen interior, el Radio de las esquinas, el Tamaño de la sombra, el Desplazamiento de la sombra y la Opacidad de la sombra. La vista previa se actualiza al mover cada control.
6. Elige una Relación de aspecto si la imagen va a un sitio concreto, y un Tamaño de salida.
7. Haz clic en Descargar PNG, o en Copiar imagen para pegar el resultado directamente en un chat, un documento o una diapositiva.

¿Por qué enmarcar una captura de pantalla?

Una captura en bruto tiene bordes duros y se confunde con la página blanca que la rodea. Colocarla sobre un fondo de color, con espacio alrededor y una sombra suave, la separa del contenido y hace que se lea como un objeto: una ventana que estás mostrando, no un trozo de la página. Es el estilo que se ve en lanzamientos de productos, notas de versión, documentación, tuits y presentaciones.

Los marcos de ventana los dibuja la propia herramienta, píxel a píxel, en lugar de copiarlos de un sistema operativo. Aportan contexto (una aplicación de escritorio, un sitio web) y disimulan que la captura se ha recortado. Usa el marco de navegador para páginas web: además muestra tu URL, algo útil en tutoriales.

Relaciones de aspecto para redes sociales

Con Automática (ajustada a la captura), la imagen es exactamente la captura más su margen. Los demás ajustes amplían el fondo en una sola dirección y mantienen la ventana centrada, así que no se recorta nada:

• 16:9 (X / Twitter, YouTube, diapositivas): la proporción que X muestra sin recortar en el timeline y el formato de la mayoría de las presentaciones.
• 1,91:1 (vista previa de enlaces en LinkedIn y Facebook): el formato de las imágenes Open Graph de los enlaces (1200 × 628 px).
• Cuadrada 1:1 (Instagram) y Vertical 4:5 (feed de Instagram): los dos formatos que el feed de Instagram muestra completos.
• 9:16 (historias, reels) para formatos verticales, y 4:3 (presentaciones) para plantillas de diapositivas más antiguas.

Tamaños y calidad

El resultado conserva la resolución completa de tu captura, así que el texto se mantiene nítido. El margen es un porcentaje del tamaño de la ventana, y la barra de título, el radio de las esquinas y la sombra se escalan según el ancho de la captura, de modo que una captura Retina y una pequeña tienen el mismo aspecto. El tamaño del PNG se muestra debajo de la vista previa. Pon el Tamaño de salida al 50 % para un archivo más ligero, o al 200 % para ampliar una captura pequeña. Los resultados muy grandes se reducen al canvas más grande que pueden crear todos los navegadores.

PNG no tiene pérdida y conserva la transparencia: con un fondo Transparente, solo quedan la ventana y su sombra, listas para colocarlas sobre cualquier diseño. Todo ocurre en tu navegador: la captura nunca se sube a ningún servidor.