Cómo elegir formatos de imagen para un sitio web
El formato influye en el tamaño, la apariencia y las funciones de una imagen, pero ninguna opción es la mejor para todos los casos. La velocidad de carga también forma parte de la experiencia de página; Google indica que sus sistemas de clasificación usan Core Web Vitals, pero una puntuación por sí sola no garantiza posiciones altas. Compara los formatos con tus propios archivos y revisa el resultado en los navegadores y dispositivos de tu público.
WebP: compara tamaño y apariencia
WebP admite compresión con pérdida y sin pérdida, transparencia y animación. Puede ser una opción para fotos, gráficos y animaciones web, pero el resultado depende de la imagen, el codificador y los ajustes. Exporta una copia y compara detalles, transparencia y tamaño con el original. Confirma que tu sistema de publicación y los destinatarios admitan WebP.
JPEG: uso habitual en fotografías
JPEG se usa mucho en fotografía y emplea compresión con pérdida. Reducir demasiado la calidad o guardar un JPEG repetidas veces puede crear artefactos visibles. JPEG no conserva transparencia. Para logotipos, texto fino o bordes uniformes, compara PNG, WebP sin pérdida o SVG según el contenido y la compatibilidad requerida.
PNG: imágenes rasterizadas sin pérdida
PNG es un formato rasterizado sin pérdida que admite transparencia. Puede servir para capturas y gráficos cuando importa conservar los píxeles, aunque el tamaño depende de la imagen. En fotografías, compara su tamaño y aspecto con otros formatos.
SVG: gráficos vectoriales
SVG describe gráficos vectoriales mediante formas e instrucciones, no una cuadrícula fija de píxeles. Puede ser útil para muchos iconos, diagramas e ilustraciones que deban escalarse. No sustituye a las fotografías en general; considera la complejidad, el tamaño y las reglas de seguridad del sistema que lo mostrará.
Un punto de partida práctico
Para una foto, compara JPEG, WebP o AVIF si el destino los acepta. Para un icono vectorial, considera SVG. PNG o WebP pueden servir con transparencia, y PNG u otra opción sin pérdida puede conservar líneas finas en capturas. Son puntos de partida, no reglas universales.
Prepara la imagen antes de publicarla
Crea una copia con dimensiones adecuadas al área de visualización, elige una compresión apropiada y revisa el resultado en una pantalla real. Si ofreces alternativas, conserva una opción compatible para tus visitantes. Consulta las guías enlazadas para reducir imágenes y comparar formatos.
Fuentes y especificaciones
Las especificaciones citadas definen las funciones de cada formato. Google explica cómo se integra la experiencia de página en sus sistemas de clasificación; una puntuación aislada no garantiza una posición.
Herramientas y guías de imagen
Especificaciones y documentación de búsqueda
Las capacidades de cada formato se definen en sus especificaciones. Google explica cómo encaja la experiencia de página en sus sistemas de clasificación; ninguna puntuación garantiza una posición.
Preguntas frecuentes
¿WebP siempre ocupa menos que JPEG?
No. El resultado depende de la imagen original, el codificador y los ajustes. Compara las copias exportadas con una calidad visual aceptable.
¿Qué dimensiones debo subir?
Usa dimensiones adecuadas al espacio de visualización y ofrece variantes adaptables cuando sean útiles. Conserva el original para otros usos.
¿Una buena puntuación de Core Web Vitals garantiza una posición alta?
No. Google indica que sus sistemas utilizan muchas señales; un buen resultado de experiencia de página no garantiza los primeros puestos.
Ver todas las herramientas: Todas las herramientas gratuitas en línea