Crear una imagen en blanco, de color o transparente

El uso clásico es la imagen de relleno en un boceto o maqueta. Un diseño, una presentación o una plantilla web necesitan algo en el hueco de la foto antes de que exista la definitiva, y un rectángulo gris con sus medidas escritas en el centro deja claro a todo el equipo qué tamaño debe tener. Los desarrolladores usan los mismos archivos como imágenes de prueba: con un tamaño y un color conocidos se ve enseguida si una página escala, recorta o comprime bien una imagen.

El otro gran grupo es el fondo liso. Una imagen de un solo color es un fondo limpio para una frase o un anuncio en redes sociales, un fondo de pantalla minimalista para el móvil o el ordenador, o un fondo para un producto recortado con el quitafondos. Si quieres unir imágenes, un lienzo en blanco añadido primero en modo Superponer hace de fondo sobre el que se colocan las demás fotos.

Las imágenes transparentes tienen sus propios usos: punto de partida para un logo o una pegatina, capa vacía para dibujar o espaciador que ocupa sitio en un correo o en una web antigua sin mostrar nada. La más pequeña de todas, la imagen de 1 × 1 píxel, se sigue usando como espaciador y como píxel de seguimiento en los correos.

Queda la impresión: una hoja A4 en blanco a 300 DPI para un formulario imprimible, una hoja de fondo de color o un lienzo para diseñar una tarjeta en otro programa. Como la resolución se guarda en el archivo, la imagen sale con el tamaño físico correcto al colocarla en un documento.

Los formatos de pantalla siguen las resoluciones habituales: Full HD es 1920 × 1080, QHD es 2560 × 1440 y 4K Ultra HD es 3840 × 2160, todos con proporción 16:9. El fondo de iPhone mide 1179 × 2556, la pantalla de 6,1 pulgadas del iPhone 15 y 16 según las especificaciones de Apple; otros móviles cambian, así que escribe la resolución de tu pantalla si la conoces.

Los formatos de redes sociales usan tamaños habituales: 1080 × 1080 para una publicación cuadrada, 1080 × 1350 para una vertical 4:5, 1080 × 1920 para una historia o Reel 9:16 y 1200 × 630 para la imagen que aparece al compartir un enlace. 1280 × 720 es la resolución que recomienda la ayuda de YouTube para una miniatura personalizada. Las plataformas cambian sus diseños de vez en cuando, así que consulta sus indicaciones actuales si el tamaño exacto importa.

La relación de aspecto es la forma de la imagen, el ancho frente al alto. Mantener proporción conserva esa forma cuando cambias un lado: una imagen de 1920 × 1080 pasa a 1280 × 720 al escribir el nuevo ancho. El botón de intercambiar convierte un tamaño horizontal en su equivalente vertical, y al revés.

Los píxeles deciden cuánto detalle cabe en una imagen; los DPI (puntos por pulgada, también llamados PPP o PPI) solo indican a qué tamaño se imprime. Una imagen de 2480 × 3508 píxeles a 300 DPI se imprime en A4, 21 × 29,7 cm, y los mismos píxeles a 150 DPI darían el doble de ancho y de alto. Los DPI nunca cambian los píxeles y las pantallas los ignoran. Con Tamaño de impresión, la herramienta convierte el tamaño del papel en píxeles y guarda los DPI en los archivos PNG y JPG, algo que puedes comprobar con la herramienta de DPI.

El blanco viene seleccionado y es la opción más común: una imagen blanca para un documento, un fondo blanco para la foto de un producto o una página en blanco para imprimir. El negro va bien en pantallas, fondos oscuros y fotogramas de vídeo. Cualquier otro color sale del selector, de las muestras o de un código hex.

Transparente significa que los píxeles no tienen color. La imagen mantiene su tamaño, pero deja ver lo que haya detrás, por eso la vista previa muestra ahí un fondo de cuadros. Ese damier es la forma en que los editores dibujan la transparencia y no se guarda en el archivo. Si abres un PNG transparente en un visor sencillo, quizá veas blanco o negro, porque el visor rellena la zona vacía con su propio fondo.

La opacidad queda entre ambos. Al 100 % el color es sólido; al 50 % es semitransparente y da una capa de color que oscurece o tiñe lo que tenga debajo. La opacidad funciona en PNG y WebP. JPG no tiene canal alfa, así que un JPG siempre es opaco y uno transparente se guarda en blanco.

Para hacer transparente el fondo de una imagen que ya tienes, en vez de empezar de cero, usa la herramienta de fondo transparente o el quitafondos.

PNG es el mejor formato para una imagen en blanco casi siempre. No tiene pérdida, así que el color que eliges es exactamente el que se guarda, admite transparencia y opacidad, y un PNG liso pesa muy poco: una imagen blanca de 1920 × 1080 hecha aquí ocupa unos 350 bytes, y una 4K, alrededor de 1 KB. Sin texto, la herramienta lo escribe como PNG con una paleta de un solo color, y por eso pesa tan poco.

JPG comprime con pérdida y no tiene transparencia. Un color sólido puede quedar uno o dos niveles desviado en un canal: nadie lo nota, pero importa cuando necesitas el color de una marca exacto al píxel. Elige JPG solo si una app o un formulario no aceptan otra cosa; el control de calidad cambia muy poco en un color plano.

WebP mantiene la transparencia y se abre en los navegadores actuales y en casi todas las apps, aunque algunos programas antiguos aún lo rechazan. Como JPG, puede desviar un poco un color sólido. No todos los navegadores pueden guardar WebP desde una página web; si el tuyo no puede, la herramienta te avisa, y PNG funciona en todas partes.

Si ya tienes una imagen en otro formato y la necesitas en PNG, puedes convertirla a PNG. Una imagen en blanco rara vez necesita compresión, pero un JPG o WebP con texto se puede aligerar con el compresor de imágenes.

Un código hex es la forma de escribir un color de pantalla con seis caracteres, como #ffffff para el blanco, #000000 para el negro y #1e90ff para un azul intenso. El primer par de dígitos es el rojo, el segundo el verde y el tercero el azul, cada uno de 00 a ff. El campo Código hex acepta el código con o sin #, y también en la forma corta de tres dígitos: #fff es lo mismo que #ffffff y 36c es #3366cc.

RGB escribe el mismo color con tres números del 0 al 255, así que #1e90ff es RGB 30, 144, 255. Debajo del campo verás los valores RGB del color actual, útil cuando un manual de marca da una notación y una app pide la otra.

El selector de color es la forma más rápida de elegir a ojo. En el ordenador, algunos navegadores le añaden un cuentagotas que toma un color de cualquier punto de la pantalla, práctico para copiar el de un logo o una web. Las muestras dan con un clic blanco, negro, transparente, gris claro, crema, pizarra y azul marino.

Para usar el color de una marca, pega su código hex en lugar de elegirlo a ojo y guarda en PNG para que el archivo conserve ese valor exacto. Si el manual solo da RGB, pasa cada número a dos dígitos hex, o elige el color y compara los valores RGB que aparecen.

Para que el archivo pese poco, deja el texto desactivado y guarda en PNG: un PNG liso se queda en unos pocos kilobytes incluso en 4K. El texto añade detalle real, así que una imagen con texto pesa más, y un JPG del mismo tamaño, normalmente aún más.

Para una imagen de 1 × 1 píxel, elige el formato 1 × 1, luego Blanco, Transparente o cualquier color, y guarda en PNG. El archivo ocupa menos de 100 bytes. Transparente es el espaciador clásico; de color, una web o una app puede estirarlo hasta formar un bloque de ese color.

Para revisar el resultado, abre el archivo con la herramienta para ver el tamaño de una imagen, que muestra las dimensiones en píxeles, el peso y los DPI guardados. Si lo que quieres es ajustar una foto existente a uno de estos tamaños, redimensiónala o pásala a 1920 × 1080.