Guías
Elegir un formato de imagen web
Antes de elegir, decide qué tipo de imagen servirás y qué navegadores y herramientas deben admitirla.
¿Qué formato deberías elegir?
Elige según la función de cada archivo en tu flujo de trabajo.
- Principalmente fotos → partir de JPEG; considerar WebP o AVIF
- Ilustración transparente → PNG o WebP
- Logotipos y figuras geométricas → SVG
Separa fotos e ilustraciones
Las fotografías, las ilustraciones transparentes y los logotipos escalables requieren características distintas; elige según el recurso real.
Comprueba antes de publicar
Con formatos nuevos, verifica los navegadores de destino, el proceso de conversión y cómo se servirán imágenes alternativas.
Formatos a considerar
JPEG
Adecuado para: Fotos que requieren amplia compatibilidad
Menos adecuado para: Imágenes que necesitan transparencia
PNG
Adecuado para: Imágenes transparentes, capturas e ilustraciones
Menos adecuado para: Fotos cuyo tamaño es la prioridad
WebP
Adecuado para: Fotos web o imágenes transparentes
Menos adecuado para: Distribución fija sin comprobar soporte
SVG
Adecuado para: Imágenes de logotipos y figuras geométricas
Menos adecuado para: Una fotografía en sí
Antes de exportar
- Cambiar de formato por sí solo no mejora siempre tamaño ni calidad.
- Para algunas animaciones puede ser más adecuado el vídeo.