Las imágenes ayudan a presentar un producto, mostrar un trabajo o transmitir la personalidad de una empresa. Pero también pueden convertirse en una de las partes más pesadas de una página web. Una fotografía tomada con un móvil o una cámara actual puede tener una resolución muy superior a la que realmente necesita una web. Si se publica directamente, el visitante termina descargando información que nunca llegará a ver.
¿Por qué importa el peso de una imagen?
Cada imagen debe descargarse antes de poder mostrarse. Cuanto más pesados sean los archivos, más datos necesita transferir la página y más puede tardar en aparecer, especialmente con una conexión móvil o lenta. web.dev señala que las imágenes suelen ser uno de los recursos que más ancho de banda consumen en una web. Además, una imagen grande que aparece al comienzo de la página puede influir directamente en el tiempo que tarda el usuario en ver el contenido principal. Para una empresa, el problema es sencillo: una fotografía espectacular pierde parte de su valor si el visitante tiene que esperar demasiado para verla.
No subas una imagen enorme para mostrarla pequeña
Comprimir es importante, pero no es lo único. También debemos utilizar unas dimensiones razonables. Si una fotografía tiene 5.000 píxeles de ancho y en la web nunca se mostrará a más de 1.200, enviar la versión completa supone transferir datos innecesarios. En una web bien preparada pueden existir diferentes tamaños de una misma imagen para que el navegador descargue el más adecuado según la pantalla. Esto es especialmente importante en móviles: no tiene mucho sentido enviar al teléfono la misma imagen gigantesca preparada para un monitor grande.
¿Qué formatos conviene utilizar en 2026?
No existe un único formato perfecto. La elección depende del tipo de imagen.
- WebP: es una muy buena opción general para fotografías y otras imágenes de mapa de bits. Admite compresión con y sin pérdida, transparencia y tiene un soporte amplio en los navegadores modernos.
- AVIF: ofrece una compresión muy eficiente y puede conseguir archivos pequeños manteniendo una buena calidad. Es especialmente interesante para fotografías y grandes imágenes visuales. Cuando sea necesario mantener compatibilidad con navegadores antiguos, puede ofrecerse una alternativa en WebP o JPEG.
- JPEG o JPG: continúa siendo compatible prácticamente en todas partes y sigue siendo válido para fotografías, pero normalmente WebP o AVIF permiten conseguir archivos más eficientes.
- PNG: sigue siendo útil cuando necesitamos conservar la imagen sin pérdida o determinadas transparencias. Para fotografías suele producir archivos innecesariamente grandes.
- SVG: es especialmente adecuado para logotipos, iconos e ilustraciones vectoriales. Puede ampliarse o reducirse sin perder nitidez y suele ser una opción mucho más lógica que guardar un logotipo como una fotografía.
- GIF: ya no suele ser la mejor elección para animaciones pesadas. Existen alternativas más eficientes como WebP, AVIF, APNG o, dependiendo del contenido, vídeo.
Comprimir no es simplemente “bajar la calidad”
Una buena compresión busca reducir información que aporta poco o nada a la percepción final de la imagen. Dos archivos pueden parecer prácticamente iguales en pantalla y, sin embargo, tener tamaños muy diferentes. Por eso no conviene aplicar siempre el mismo nivel de compresión. Una fotografía de fondo puede tolerar una reducción mayor que una imagen de producto donde el cliente necesita apreciar pequeños detalles. La comprobación final debería ser visual: ¿la imagen sigue viéndose bien en el tamaño en que realmente aparecerá?
También importa qué imagen mostramos y cómo la describimos
Optimizar no consiste únicamente en reducir kilobytes. La imagen debe aportar algo al contenido. Google recomienda utilizar imágenes relevantes para la página, situarlas cerca del texto relacionado y proporcionar un texto alternativo descriptivo cuando corresponda. Ese texto también es importante para personas que utilizan lectores de pantalla o que no pueden ver la imagen. Un nombre como producto-camisa-lino.webp también resulta más comprensible que IMG_4837.webp. Esta decisión forma parte de revisar qué información debería tener la página web de tu empresa.
Una pequeña revisión antes de publicar
Antes de subir una imagen a tu web, puedes hacerte cuatro preguntas:
- ¿Necesito realmente esta imagen?
- ¿Tiene unas dimensiones adecuadas para el lugar donde aparecerá?
- ¿Estoy utilizando el formato más conveniente?
- ¿Puedo reducir su peso sin que la pérdida de calidad sea perceptible?
No hace falta convertir esta tarea en algo técnico. Lo importante es evitar subir directamente archivos enormes y confiar en que la web resolverá el problema por sí sola. Si necesitas reducir el peso de una imagen antes de publicarla, herramientas como SWD Image Compressor permiten comprimirla directamente desde el navegador. Es simplemente una forma práctica de incorporar esta revisión al proceso antes de subir las imágenes a tu sitio.