Para qué sirve el PNG transparente — 8 usos

Pegatinas, logos, listings, overlays — dónde se exige la transparencia alfa, dónde se desperdicia, y PNG vs WebP.

Published 2026-09-25

El canal alfa es la característica menos entendida del formato PNG: 8 bits extra por píxel que dicen cuánto se ve cada píxel. Todo lo demás — cada pack de pegatinas, logo sobre cabecera oscura, producto flotando en un listing — son solo aplicaciones de esa única idea. Aquí es donde importa de verdad, y dónde la gente la usa por costumbre cuando no debería.

Donde la transparencia es el requisito

  • Recortes para marketplaces y catálogos — el producto debe flotar sobre el fondo propio de la tienda, sea del color que sea. Una caja blanca de JPEG alrededor de un producto en un tema gris se ve rota; un PNG con alfa no le importa qué hay detrás.
  • Logos y marcas — las cabeceras cambian de tema claro a oscuro, las diapositivas cambian de color, las facturas se imprimen en membrete. Un logo con caja blanca horneada falla en todos; el mismo archivo con alfa funciona en todas partes.
  • Pegatinas y emoji de mensajería — los formatos de pegatinas de iMessage, WhatsApp, Telegram y Discord se construyen sobre PNG/WebP transparente. Sin alfa, no hay pegatina.
  • Overlays de vídeo y streaming — lower thirds, marcos de webcam, elementos de escena de OBS. La línea de tiempo del editor asume alfa; las cajas blancas no se pueden clavear limpiamente una vez horneadas.
  • Iconos de UI y sprites de juego — los sprites se componen sobre escenas dibujadas después; las formas irregulares necesitan alfa por píxel, no rectángulos.
  • Presentaciones y documentos — un diagrama sobre el degradado de una diapositiva, una firma sobre una carta. Las suites ofimáticas respetan el alfa del PNG; la caja horneada se nota.
  • Collage y composición — el punto entero: poner cualquier cosa sobre cualquier cosa.
  • Firmas y sellos — la escritura digitalizada que se superpone a documentos necesita el papel quitado, no blanqueado.

Donde la transparencia se desperdicia

Una foto que se va a mostrar a marco completo — una imagen héroe, una miniatura, un post social — no gana nada con el alfa; solo cuesta tamaño de archivo. Si el destino es un fondo fijo de todos modos, aplana a ese color (la salida Blanco / Color propio de esta herramienta hace exactamente eso) y envía un JPEG o PNG plano — más pequeño, más rápido, e inmune a apps que renderizan el alfa de forma impredecible.

Las dos preguntas de exportación que merecen un segundo pensamiento

  1. ¿Sobrevivió el alfa? JPEG no puede guardar transparencia — cualquier desvío por JPEG la hornea permanentemente. Quédate en PNG/WebP desde el recorte hasta la entrega.
  2. ¿Borde suave o duro? Los bordes alfa desenfocados se funden sobre cualquier cosa; los bordes de corte duro pueden escalonar en pantallas de alta densidad. Para cualquier cosa destinada a un fondo oscuro, previsualiza tu recorte sobre negro antes de enviarlo.

Una vez que el recorte está bien, los pasos finales son trabajos hermanos: ImgResize para las medidas en píxeles de los marketplaces, ImgSquash si el PNG salió más pesado de lo que permite un presupuesto de página, y ExifView para comprobar que el archivo no lleva datos de ubicación hacia un listing público.

Preguntas frecuentes

¿Por qué mi imagen «transparente» muestra una caja blanca o negra?

Casi siempre es una de tres cosas: el archivo se aplanó a JPEG (que no tiene canal alfa, así que la zona transparente se hornea a blanco), la app donde la ves pinta los píxeles transparentes de blanco o negro (la mayoría de visores lo hacen — la transparencia sigue ahí), o la exportación se aplanó sobre un color sólido. Suelta el archivo de nuevo en una herramienta que muestre el damero — como la vista previa de aquí — para confirmar que el alfa sobrevivió.

¿PNG o WebP para transparencia — cuál uso?

PNG es la respuesta universal: sin pérdida, soportado literalmente en todas partes, y lo que produce cada botón de «descargar como PNG». WebP también soporta alfa, con archivos aproximadamente un 25–35% menores para fotos, y todo navegador y herramienta de diseño moderno lo lee — pero software más viejo, algunos marketplaces y unas pocas plataformas sociales aún lo rechazan o lo manejan mal. Para compatibilidad usa PNG; para entrega web donde controlas el stack, WebP es más ligero.

¿Por qué un PNG transparente tiene un fleco de color tenue?

Los píxeles del borde son una mezcla de sujeto y fondo antiguo — sobre el nuevo fondo pueden leerse como un halo fino, especialmente en fondos oscuros tras recortar de blanco. Un desenfoque de 1–3 px durante el borrado convierte el fleco duro en un borde suave semitransparente que se funde con lo que haya detrás; es el arreglo estándar antes de que el halo se convierta en el ticket de soporte de alguien.

¿La transparencia cuesta tamaño de archivo?

El canal alfa en sí es barato — la transparencia suave comprime bien. Lo que hace grandes a los PNG recortados es que PNG no tiene pérdida y las fotos tienen ruido: un sujeto fotográfico se queda en megabytes donde un gráfico de color plano se queda en kilobytes. Para recortes fotográficos en la web, WebP-con-alfa o un PNG redimensionado suele superar a enviar el original a resolución completa.