PNG o JPG: cuál usar en cada caso y por qué
James Walker
La discusión sobre PNG y JPG suele plantearse como una cuestión de calidad, y así no se resuelve. Son dos formatos con dos capacidades distintas, y elegir es cuestión de qué necesitas, no de cuál es mejor.
Respuesta directa. Usa JPG para fotografías que van a fichas de producto y a cualquier sitio donde el peso importe y no necesites transparencia. Usa PNG cuando haya transparencia, texto, gráficos o bordes definidos. Y considera WebP para web, que hace las dos cosas mejor.
Las dos diferencias que importan
Transparencia. El PNG tiene canal alfa; el JPG no. Si tu imagen tiene fondo transparente y la guardas en JPG, el fondo se rellena. No hay ajuste que lo evite: el formato no admite la información.
Compresión. El JPG descarta información para pesar menos. En una fotografía funciona muy bien porque descarta detalle que el ojo apenas percibe. En un borde definido —una letra, la línea de un gráfico— deja artefactos visibles: un halo de píxeles de colores intermedios alrededor.
El PNG no descarta nada. Cada píxel sale exactamente como entró, y por eso pesa varias veces más.
Todo lo demás se deduce de estas dos.
Tabla de decisión
| Tu imagen | Formato | Por qué |
|---|---|---|
| Foto de producto para marketplace | JPG | Es lo que exigen y comprime sin que se note |
| Recorte de producto con fondo transparente | PNG | Necesitas el canal alfa |
| Captura de pantalla | PNG | Texto y bordes definidos |
| Gráfico, diagrama, infografía | PNG | Líneas y texto |
| Logotipo | PNG o SVG | Transparencia y bordes limpios |
| Fotografía para la web | WebP | Menos peso, misma calidad |
| Imagen para email | JPG | Compatibilidad máxima |
| Archivo maestro del que sacas todo | PNG | Sin pérdida acumulada |
El caso del marketplace
Amazon, eBay y la mayoría exigen JPG con fondo blanco en la imagen principal. No aceptan transparencia, y un PNG con fondo transparente se rechaza o se muestra con un fondo que no controlas.
El flujo correcto es:
- Recorta el producto y guarda el PNG con transparencia como archivo maestro
- Del PNG exporta un JPG con relleno blanco para la ficha
- Del mismo PNG exporta las versiones con escena, bloque de color o lo que necesites
Guardar solo el JPG es el error que obliga a rehacer el recorte cuando aparece un canal nuevo. El convertidor a JPG hace la exportación en un paso.
Por qué el texto se ve mal en JPG
Es la diferencia más visible y la que decide la mayoría de los casos dudosos.
El JPG comprime en bloques de 8 × 8 píxeles y promedia dentro de cada bloque. En una fotografía, donde los tonos cambian gradualmente, el promedio no se nota. En un borde donde un píxel es negro y el siguiente blanco, el promedio produce grises intermedios: el halo.
Amplía al 200 % una captura de pantalla guardada en JPG y lo verás alrededor de cada letra. En PNG no aparece porque no hay promedio.
Consecuencia práctica: cualquier imagen con texto legible va en PNG. Capturas de documentación, gráficos con etiquetas, creatividades con titular incrustado.
Sobre el peso
Un ejemplo típico, una imagen de 1.920 × 1.080 px:
-
Fotografía en JPG calidad 85: unos 200–400 KB
-
La misma en PNG: 1,5–3 MB
-
La misma en WebP calidad 85: 100–200 KB
-
Captura de pantalla en PNG: 100–300 KB
-
La misma en JPG: 150–250 KB, con artefactos alrededor del texto
Fíjate en el segundo caso: en una captura, el PNG puede pesar menos que el JPG. Es porque las zonas de color plano comprimen extremadamente bien sin pérdida, mientras que el JPG las trata como si fueran fotografía.
Así que «PNG pesa más» solo es cierto para fotografías. Para gráficos suele ser al revés.
WebP: casi siempre la mejor opción para web
Admite transparencia como el PNG y comprime mejor que el JPG. Lo soportan todas las versiones actuales de Chrome, Safari, Firefox y Edge.
Si estás preparando imágenes para tu propia web, pasarlas a WebP es probablemente la mejora de velocidad más rentable disponible: menos peso con la misma calidad visual, y sin decisiones difíciles. El convertidor a WebP lo hace por lotes.
Las dos razones para no usarlo: una plataforma que no lo acepte (varios marketplaces siguen pidiendo JPG) y un programa antiguo en el flujo de trabajo de alguien de tu equipo.
Errores frecuentes
Guardar el maestro en JPG. Cada vez que reabres y vuelves a guardar un JPG, se recomprime y pierde más. Un archivo que has editado cinco veces tiene cinco pasadas de compresión acumuladas. El maestro va en PNG.
Usar PNG para todo «por calidad». Multiplica el peso de la web por cinco sin ninguna mejora visible en fotografías.
Convertir un JPG a PNG esperando recuperar calidad. La información que el JPG descartó no vuelve. El PNG resultante conserva exactamente los artefactos, ocupando mucho más espacio.
Olvidar que el JPG no admite transparencia. El más común. Se ve bien en el visor porque el fondo aparece blanco, y el problema se descubre al colocarlo sobre color.
Conclusión
Transparencia, texto o gráficos: PNG. Fotografía sin transparencia: JPG. Web propia: WebP. Guarda siempre el maestro en un formato sin pérdida y exporta desde él lo que pida cada canal, en lugar de reguardar el mismo JPG una y otra vez.
James Walker
Ayudo a vendedores de Shopify y Amazon a mejorar sus fotos de producto, sus banners promocionales y sus creatividades publicitarias. Me centro en mejoras visuales concretas que hacen que un producto se vea más creíble y venda mejor, sin jerga de diseño.
Preguntas frecuentes
Dos diferencias que importan. El PNG admite transparencia y el JPG no. Y el JPG comprime descartando información, lo que lo hace mucho más ligero pero introduce artefactos en los bordes definidos; el PNG conserva cada píxel exacto. Todo lo demás se deduce de esas dos.
