Tooooolbox
100% privado
25 de junio de 2026 · 7 min de lectura
PNG y JPG son los dos formatos de imagen más comunes en la web, y mucha gente los usa indistintamente — pero están diseñados para tipos de contenido muy diferentes. Usar JPG para un logotipo da texto borroso y degradación del color. Usar PNG para una fotografía da un archivo cinco veces más pesado de lo necesario. La buena noticia: una vez que entiendes la diferencia fundamental, elegir el correcto tarda unos dos segundos.
JPG (JPEG) usa compresión con pérdida: analiza la imagen y descarta información que tu ojo probablemente no notará, especialmente detalles finos y transiciones en bordes nítidos. El resultado es un archivo mucho más pequeño, pero ligeramente diferente del original a nivel de píxel. Para fotografías con degradados suaves y texturas naturales, este compromiso es invisible — no se nota la diferencia a tamaños de visualización habituales.
PNG usa compresión sin pérdida: cada píxel se conserva exactamente. El archivo es más grande, pero es una copia perfecta. Para imágenes con bordes nítidos, colores planos, texto o áreas transparentes, sin pérdida es la elección correcta porque la compresión con pérdida introduce artefactos visibles (borrosidad, franjas de color) en bordes y texto.
Cualquier foto de cámara o móvil — retratos, paisajes, comida, productos, eventos — debería ser JPG (o WebP, que es mejor en ambos aspectos). Estas imágenes tienen millones de degradados de color suaves que se comprimen muy bien con métodos con pérdida. Un JPEG de alta calidad al 80 % se ve idéntico al original a tamaños de visualización normales y es típicamente 5–10 veces más ligero que el PNG equivalente.
JPEG al 70–80 % de calidad es el punto óptimo para la web. Por debajo aparecen bloques en cielos y tonos de piel. Por encima se malgasta espacio sin beneficio visible.
PNG gana siempre que necesitas: (1) un fondo transparente — botones, superposiciones, iconos sin fondo; (2) texto nítido — capturas de pantalla, diagramas, exportaciones de diapositivas; (3) colores planos sin degradados — logos, iconos, ilustraciones. La compresión JPEG estropea estas imágenes: el texto se difumina, las zonas de color sólido se manchan, y los fondos transparentes se vuelven blancos o desarrollan franjas de color.
Si guardas el logo de una empresa, una captura de una página web, un mockup de interfaz o un icono, usa PNG. El archivo será más grande, pero la calidad será perfecta al píxel.
El PNG comprime con DEFLATE, el mismo algoritmo que hay detrás de los archivos ZIP. Funciona buscando secuencias que ya han aparecido y guardando una referencia corta en lugar de repetirlas. En una captura de pantalla con una barra de herramientas gris uniforme en la parte superior eso es enormemente eficaz: miles de píxeles idénticos se reducen a un puñado de bytes.
Una fotografía no le ofrece prácticamente nada. Solo el ruido del sensor hace que dos píxeles de lo que parece un cielo azul uniforme tengan valores ligeramente distintos, así que hay muy pocas repeticiones exactas que encontrar. El PNG guarda diligentemente cada una de esas variaciones minúsculas sin pérdida, y el archivo sigue siendo enorme.
Por eso la misma imagen puede pesar 4 MB en PNG y 400 KB en JPEG sin diferencia visible. Esos 3,6 MB de más no son calidad que puedas ver: son un registro fiel de ruido de sensor y variaciones imperceptibles que el JPEG hizo bien en descartar.
La compresión JPEG se construye sobre una suposición concreta: que las imágenes están hechas de cambios tonales graduales, como una cara o un paisaje. Convierte cada bloque de 8×8 en componentes de frecuencia y descarta las de alta frecuencia, porque en una fotografía son las que menos información visible aportan.
Un borde duro de negro sobre blanco —el lateral de una letra, el contorno de un elemento de interfaz— es pura alta frecuencia. Descartarla produce el artefacto característico del JPEG: un leve halo de moteado gris alrededor del texto y un redondeo de las esquinas nítidas de las que dependía el diseño. Amplía una captura comprimida en JPEG y el texto se ve sucio.
El problema se agrava con el submuestreo de croma. El JPEG guarda el color a la mitad de resolución que el brillo, algo invisible en tonos de piel y desastroso en texto de color saturado. El texto rojo sobre fondo oscuro es el peor caso, y es lo bastante común en diapositivas y diagramas como para merecer una regla: si hay texto, PNG.
Las capturas son el caso en el que más se falla, porque quedan entre las dos categorías. Una captura de una hoja de cálculo, un editor de código, un panel de ajustes o una ventana de chat es esencialmente texto y color plano, y corresponde a PNG sin dudarlo. Además suele salir más ligera que el JPEG, y más nítida.
Una captura que es principalmente una fotografía —un visor a pantalla completa, un fotograma de vídeo, una página web muy ilustrada— se comporta como una fotografía y corresponde a JPEG o WebP.
Hay otro truco que conviene conocer para capturas tomadas en pantallas de alta densidad. Una captura de una pantalla Retina o 4K suele tener el doble de las dimensiones a las que se mostrará. Reducirla a la mitad antes de guardar deja el archivo en torno a una cuarta parte sin pérdida perceptible, y pesa más en el resultado que cualquier elección de formato.
Si alguna parte de la imagen debe ser transparente, el debate se acabó: el JPEG no puede. El formato no tiene canal alfa, así que un fondo transparente se convierte en uno sólido, y aparece el rectángulo blanco que delata a todo logotipo guardado en el formato equivocado.
El PNG admite 256 niveles de transparencia, que es lo que hace posibles las sombras suaves y las curvas suavizadas. Un icono exportado como PNG puede colocarse sobre cualquier color de fondo y fundirse limpiamente; el mismo icono en JPEG queda atado al color contra el que se aplanó.
Conviene comprobarlo antes de convertir y no después. La transparencia no se recupera una vez aplanada: no puedes reconvertir el JPEG a PNG y recobrar el fondo transparente. Esa información ha desaparecido.
La disyuntiva entre PNG y JPEG solo es un dilema real porque cada formato es malo justo donde el otro es bueno. WebP elimina el dilema: tiene un modo con pérdida que comprime fotografías mejor que el JPEG, un modo sin pérdida que comprime gráficos mejor que el PNG y un canal alfa completo que funciona en ambos.
En cifras, eso supone normalmente entre un 25 y un 35 % menos que el JPEG en fotografías y alrededor de un 25 % menos que el PNG en gráficos, con transparencia disponible en todo momento. Todos los navegadores actuales lo admiten desde hace años.
La razón para seguir conociendo las reglas de PNG frente a JPEG es que WebP no se acepta universalmente fuera del navegador. Cuando subes algo a un formulario que no controlas, envías un archivo a una imprenta o entregas una imagen a alguien cuyo software no puedes predecir, la pareja de siempre sigue siendo lo que nadie rechaza, y las reglas anteriores son la forma de elegir entre ambos.
Si sirves imágenes en un sitio web y quieres lo mejor de ambos mundos, WebP es el reemplazo moderno tanto de JPG como de PNG. Su modo con pérdida supera a JPEG en un 25–35 % con la misma calidad; su modo sin pérdida supera a PNG. También admite transparencia. Todos los navegadores principales ya admiten WebP, así que es una elección segura para la web.
Para todo lo demás — compartir por correo, subir a formularios, enviar por WhatsApp — quédate con JPG para fotos y PNG para gráficos. Tienen compatibilidad universal y la elección es simple: fotos → JPG, todo lo demás → PNG.