PNG con fondo transparente: cuándo lo necesitas y cómo hacerlo

Un PNG con fondo transparente es una imagen en la que el fondo se ha dejado vacío, de modo que solo queda el logo, el texto o el objeto, y se ve lo que haya debajo. Lo necesitas siempre que tu diseño vaya a colocarse sobre algo que no hiciste tú: un logo en la web de un cliente, un título sobre imágenes de vídeo, una pegatina sobre una foto, un logotipo en una diapositiva. El PNG puede hacerlo porque guarda un canal alfa, un cuarto valor para cada píxel que indica cuánto se transparenta. El JPG no tiene canal alfa, por eso un logo en JPG siempre llega dentro de una caja blanca o de color.

Cómo funciona la transparencia en un PNG

Cada píxel de una imagen normal tiene tres valores: rojo, verde y azul. Un PNG con transparencia añade un cuarto, el alfa, que va de totalmente transparente a totalmente opaco. Los valores intermedios importan tanto como los extremos. El borde suave de una letra, una sombra delicada o un efecto de cristal están hechos de píxeles parcialmente transparentes, y son los que permiten que el diseño se funda con lo que tenga detrás.

Para una comparación más a fondo de los dos formatos más habituales, consulta PNG o JPG, y para logos en webs, SVG o PNG explica cuándo conviene más el vector.

Cuándo necesitas un PNG transparente

• Logos para que otros los usen. Socios, prensa, organizadores de eventos y patrocinadores colocan tu logo sobre sus propios fondos. Envía un PNG transparente, a ser posible en las variantes de logo clara y oscura, y además un SVG.
• Títulos y rótulos en vídeo. Los editores de vídeo superponen un PNG transparente a las imágenes, para que las palabras floten sobre el plano.
• Pegatinas y superposiciones. Distintivos como «Nuevo» o «Vendido», marcos y etiquetas de precio sobre fotos o historias.
• Diapositivas y documentos. Un logo o un diagrama que tiene que ir sobre una diapositiva de color sin caja blanca.
• Webs. Iconos, logos e ilustraciones sobre secciones de color o fondos de cabecera.
• Merchandising e impresión bajo demanda. Muchos servicios de impresión piden un PNG transparente para que solo se imprima el dibujo en la camiseta o la taza.

Cuándo un fondo transparente es mala idea

La transparencia es para piezas, no para trabajos terminados. Una publicación en redes, una historia, un póster o una cabecera de correo deben exportarse con su fondo, porque ese fondo es la mitad del diseño. La mayoría de las redes sociales no conservan la transparencia en lo que subes, y una zona vacía puede rellenarse con un color que no elegiste. Algunos marketplaces también piden fotos de producto sobre blanco sólido en lugar de transparente, así que revisa las normas de cada plataforma.

Cómo hacer un PNG transparente

Hay dos caminos. Si diseñas la pieza tú, como un título, un logo o un distintivo, créala sin fondo y exporta con la transparencia activada. Si partes de una foto, primero tienes que quitar el fondo, a mano o con una herramienta de eliminación, que es un trabajo distinto y más difícil. Los pasos siguientes cubren el primer camino.

1. 1

   Diseña al tamaño que necesitarás

   Los archivos transparentes suelen ampliarse después, así que exporta más grande de lo que crees: un logotipo de 2.000 px de ancho o más es un comienzo seguro.

2. 2

   Deja el fondo vacío

   Oculta o borra cualquier capa de fondo. La mayoría de las herramientas muestran el vacío como un tablero de cuadros grises y blancos.

3. 3

   Elige PNG con transparencia

   En el cuadro de exportación, elige PNG y asegúrate de que la transparencia o el fondo transparente está marcado. El JPG lo rellenará de blanco sin avisar.

4. 4

   Recorta los bordes

   Recorta hasta el dibujo con un poco de aire, para que quien lo coloque no tenga que pelearse con márgenes invisibles.

5. 5

   Pruébalo sobre claro y oscuro

   Coloca el archivo sobre una página blanca y otra negra. Busca halos pálidos, sombras que faltan y texto que desaparece en una de ellas.

Exportar PNG transparente en Gradiently

En Gradiently, un diseño normalmente va sobre su Mark, el fondo vivo que está detrás de todo. Con Pro, puedes exportar en su lugar un PNG transparente: solo tus elementos, como texto, formas, iconos y fotos, sobre un fondo transparente, sin el Mark. Es el archivo que envías a un socio, metes en un editor de vídeo o colocas en una web. Pro también exporta SVG para los mismos usos, y ambos salen del mismo diseño que publicas con su fondo completo. Como en cualquier exportación de Gradiently, el Mark del diseño tiene que ser tuyo. Exportar imágenes y bucles repasa cada formato, y para logos sobre color, consulta logo sobre fondo degradado.