Tooooolbox
100% privado
25 de junio de 2026 · 5 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.
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.