JPG
Fotografías sin transparencia
Comprime con pérdida y funciona en casi cualquier flujo. Cada nueva exportación puede acumular defectos, por lo que conviene conservar un original de mayor calidad.
Úsalo cuando:La imagen es fotográfica, no necesita transparencia y la compatibilidad amplia es prioritaria.
PNG
Transparencia y bordes exactos
Conserva píxeles sin el tipo de pérdida del JPG. Resulta útil en capturas, gráficos planos y elementos con canal alfa, pero una fotografía puede crecer mucho.
Úsalo cuando:Necesitas transparencia real, texto pequeño o colores planos que sufren con compresión fotográfica.
WebP
Entrega web flexible
Admite compresión con pérdida, sin pérdida y transparencia. Suele reducir fotografías frente a JPG, aunque el resultado depende del codificador y del contenido.
Úsalo cuando:El destino es web moderna y verificaste que el sistema donde lo subirás lo acepta.
Un árbol de decisión de cuatro preguntas
- ¿Necesitas transparencia?Sí: prueba WebP o PNG. No: continúa.
- ¿Es principalmente una fotografía?Sí: compara WebP y JPG. No: continúa.
- ¿Contiene texto pequeño o líneas duras?Prueba PNG y WebP sin pérdida; revisa al 100%.
- ¿El destino tiene requisitos propios?La especificación de la plataforma manda sobre cualquier recomendación general.
Casos que confunden
Un logotipo no siempre debe ser PNG
Si existe versión vectorial, SVG puede ser mejor para web, pero no todas las plataformas lo aceptan. Para una imagen raster con transparencia, PNG o WebP son opciones. Conserva el vector maestro fuera del flujo de compresión.
Una captura no siempre debe ser JPG
Interfaces con texto fino y áreas planas pueden mostrar halos en JPG. PNG suele preservar mejor esos bordes. Si la captura incluye una gran fotografía, WebP puede equilibrar ambos componentes.
Convertir no recupera información
Pasar un JPG comprimido a PNG aumenta o cambia el archivo, pero no reconstruye el detalle perdido. Del mismo modo, ampliar dimensiones inventa píxeles intermedios; no convierte una imagen pequeña en un original nítido.
Comparación controlada
Usa las mismas dimensiones y compara archivos dentro del destino real. Anota tamaño, transparencia, defectos visibles y compatibilidad. La decisión final puede ser distinta para la portada, la miniatura y el archivo descargable.
| Necesidad principal | Primera prueba | Alternativa |
|---|---|---|
| Foto para artículo | WebP con pérdida | JPG |
| Captura con texto | PNG | WebP sin pérdida |
| Gráfico transparente | WebP o PNG | Según compatibilidad |
| Archivo para edición futura | Original maestro | No depender de la copia web |
Compatibilidad significa más que abrir el archivo
Un navegador puede mostrar WebP mientras una aplicación de edición, un sistema de correo o un portal de trabajo lo rechaza. Comprueba el recorrido completo: creación, revisión, entrega y archivo. Si otra persona debe editar la imagen, acuerden el formato antes de convertir cientos de archivos.
Las redes y gestores de contenido suelen volver a comprimir. Una diferencia que observas localmente puede desaparecer después de subir. Haz una publicación de prueba, descarga únicamente para inspección y conserva tu maestro aparte. No uses la copia recomprimida como base de la siguiente edición.
Color y transparencia también forman parte del resultado
Un borde claro que se ve bien sobre blanco puede revelar un halo al colocarse sobre fondo oscuro. Revisa archivos transparentes sobre ambos fondos. Si un color debe ser exacto, la gestión de perfiles y el dispositivo pueden producir variaciones que un simple cambio de extensión no resuelve.
Registro de decisión
“Portada del artículo, 1,600 × 900, WebP a 82%, 184 KB. Comparada con JPG de 241 KB. WebP conserva mejor el gradiente en el navegador objetivo. Original maestro guardado en PNG.” Una nota así permite repetir la decisión y revisarla después.
El laboratorio de imágenes permite generar las tres variantes sin modificar el original.