JPG, PNG o WebP: ¿qué formato de imagen debes usar?
Tres formatos cubren casi cualquier imagen que subirás jamás, y no son intercambiables. Si eliges el equivocado, acabas con un archivo tres veces más grande de lo necesario, una fea caja blanca detrás de un logotipo o un formulario que rechaza el archivo sin más. Así se elige en unos diez segundos.
Por el equipo de CrispPic3 min de lectura
La respuesta corta
- Fotografías: JPG, o WebP si sabes que se acepta en el destino de la imagen.
- Capturas de pantalla, logotipos, texto y diagramas: PNG, o WebP.
- Cualquier cosa con fondo transparente: PNG o WebP. Nunca JPG.
- Sitios web: WebP, con JPG como alternativa segura.
Lado a lado
| JPG | PNG | WebP | |
|---|---|---|---|
| Compresión | Con pérdida | Sin pérdida | Con o sin pérdida |
| Ideal para | Fotografías | Capturas, logotipos, gráficos con texto | Ambos: un buen todoterreno |
| Transparencia | No | Sí | Sí |
| Peso de una foto típica | Pequeño | Muy grande | El menor de los tres |
| Compatibilidad | Todo | Todo | Todos los navegadores actuales; algunas apps y formularios de subida antiguos lo rechazan |
JPG: el formato universal para fotos
El JPG descarta detalle que es poco probable que eches de menos, por eso las fotografías se reducen tan bien. Sus puntos débiles son los bordes nítidos —el texto y los dibujos de línea adquieren artefactos borrosos— y que no puede almacenar transparencia. Se acepta casi en todas partes, lo que lo convierte en la respuesta por defecto cuando un formulario dice “imagen” sin más detalles.
PNG: píxeles exactos, archivos grandes
El PNG guarda cada píxel exactamente, así que los bordes se mantienen muy nítidos y la transparencia funciona. Es ideal para una captura de pantalla, un logotipo o un diagrama. Para una fotografía es la herramienta equivocada: la misma imagen puede pesar varias veces más que la versión JPG sin ningún beneficio visible.
WebP: más pequeño con la misma calidad
WebP lo desarrolló Google para sustituir a los dos anteriores. Admite compresión con y sin pérdida y transparencia, y los archivos suelen ser un 25–35 % más pequeños que el JPG equivalente. Todos los navegadores principales actuales pueden mostrarlo. La contrapartida es la compatibilidad fuera del navegador: algunos programas antiguos, algunos formularios de subida y algunos marketplaces aún aceptan solo JPG o PNG.
Qué ocurre al convertir
- De PNG a JPG: las zonas transparentes se convierten en un fondo sólido (blanco, en CrispPic) y el archivo suele hacerse mucho más pequeño.
- De JPG a PNG: el archivo crece sin mejorar, y cualquier artefacto JPEG se conserva para siempre.
- De JPG a WebP: normalmente más pequeño con calidad similar. Es un paso con pérdida más, así que convierte desde el original siempre que puedas.
- De HEIC a JPG: consulta la guía de HEIC.
Una nota sobre AVIF
AVIF es un formato más reciente que puede superar al WebP en tamaño. CrispPic acepta imágenes AVIF como entrada, pero exporta JPG, PNG y WebP, porque son los formatos que funcionan casi en cualquier parte.
Una regla práctica
Si la imagen tiene tonos fotográficos suaves, usa JPG o WebP. Si tiene colores planos, texto nítido o transparencia, usa PNG o WebP. Y si un formulario nombra un formato, usa exactamente ese, diga lo que diga la teoría.
Preguntas frecuentes
¿Es WebP mejor que JPG?
Produce archivos más pequeños con calidad similar, así que en un sitio web normalmente lo es. Pero “mejor” depende del destino del archivo: si un formulario dice solo JPG, el WebP allí no sirve.
¿Por qué mi PNG pesa tanto?
El PNG es sin pérdida, así que las fotografías se almacenan píxel por píxel. Si es una foto, convertirla a JPG o a WebP suele reducir el tamaño de forma drástica.
¿Puedo mejorar la calidad de un JPG convirtiéndolo a PNG?
No. La conversión solo puede conservar lo que ya hay; no puede recuperar el detalle que se descartó cuando se creó el JPG.
¿Qué formatos mantienen un fondo transparente?
PNG y WebP. El JPG no puede almacenar transparencia, así que convertir a él rellena las zonas transparentes con un color sólido.
Pruébalo con los ajustes correctos ya aplicados
Estas páginas abren la herramienta de CrispPic ya configurada para este caso exacto. Tu imagen se procesa en tu propio navegador: nunca se sube a ninguna parte.
Gratis, sin cuenta y sin marca de agua.
Sigue leyendo
- Cómo reducir el tamaño de una imagen sin perder calidadPor qué pesan tanto las fotos y los cuatro pasos que las reducen entre un 70 y un 90 % sin diferencia visible: redimensionar, elegir el formato adecuado, fijar una calidad razonable y quitar lo que sobra.
- Cómo abrir y convertir fotos HEIC (iPhone, Windows, Mac)Por qué las fotos del iPhone no se abren ni se suben, y todas las formas de convertir HEIC a JPG: en el propio iPhone, en Mac, en Windows o gratis en el navegador.
- Cómo hacer que las imágenes de tu web carguen más rápido (sin desenfoque)Las imágenes suelen ser la parte más pesada de una página web. Los tamaños, formatos y ajustes HTML que las aceleran y mejoran los Core Web Vitals sin pérdida visible de calidad.