¿Cómo comprimir imágenes para una página web sin perder calidad?
La optimización combina tres decisiones: dimensiones, formato y compresión. Una fotografía de 5.000 píxeles no necesita conservar ese tamaño si se mostrará en una columna de 1.200 píxeles. Reducir primero las dimensiones evita almacenar información que el visitante nunca verá y suele producir un ahorro mayor que bajar drásticamente la calidad.
Después hay que elegir el formato. WebP funciona bien para la mayoría de fotografías y gráficos web; JPG continúa siendo adecuado cuando se necesita compatibilidad amplia; PNG conviene para transparencias, capturas o gráficos que no toleran bien la compresión con pérdida. La vista previa permite comprobar el resultado antes de descargar.
¿Por qué el peso de las imágenes afecta al SEO?
Las imágenes pesadas aumentan el tiempo de descarga y pueden retrasar la aparición del contenido principal. El rendimiento forma parte de la experiencia de página y afecta especialmente a móviles o conexiones lentas. Comprimir archivos ayuda, pero también importa servir el tamaño adecuado, reservar el espacio de la imagen y evitar cargar recursos que todavía no son visibles.
El nombre del archivo y el texto alternativo deben describir su función. No es necesario repetir palabras clave: explica qué muestra la imagen cuando esa información sea útil para comprender la página. Para adaptar una misma fotografía a publicaciones y portadas también puedes consultar la herramienta de tamaños de redes sociales.
¿Qué datos privados puede contener una fotografía?
Un archivo original puede incluir fecha, modelo de cámara, parámetros de captura, software utilizado y, en algunos casos, coordenadas GPS. Esta herramienta dibuja los píxeles en un lienzo nuevo y genera otro archivo, por lo que esos metadatos habituales no se copian al resultado.
Eliminar metadatos reduce información accidental, pero no oculta lo que aparece visualmente en la imagen. Revisa matrículas, documentos, pantallas, rostros, ubicaciones o cualquier dato visible antes de publicar.
¿Qué tamaño deben tener las imágenes de una web?
No existe una única medida correcta. Una imagen principal puede necesitar entre 1.600 y 2.400 píxeles de ancho en pantallas grandes, mientras que una miniatura quizá no necesite más de 600 u 800. Lo importante es no servir sistemáticamente el original de cámara y utilizar variantes cuando el diseño cambia mucho entre móvil y escritorio.
- Fotografías de cabecera: conserva suficiente resolución para pantallas grandes y comprueba el recorte móvil.
- Imágenes dentro de artículos: adáptalas al ancho real de la columna.
- Logotipos e iconos: utiliza SVG cuando sea posible o PNG con transparencia.
- Capturas de pantalla: prueba PNG y WebP y elige el archivo más ligero que mantenga el texto legible.