La optimización de imágenes es el factor que más influye en la velocidad de tu sitio. El objetivo es lograr un equilibrio entre una visualización nítida y un tiempo de carga mínimo para cumplir con los estándares de Google (Core Web Vitals).
Dimensiones Recomendadas
El tamaño en píxeles determina cómo se adapta la imagen a diferentes pantallas.
Banners y Encabezados: 1200 x 675 px (Relación 16:9). Ideal para portadas de gran impacto.
Imágenes de Artículos: 800 x 600 px (Relación 4:3) o 800 x 450 px (16:9).
Miniaturas y Redes Sociales: 1000 x 1000 px (Relación 1:1).
Regla de Calidad Mínima: Para evitar que una imagen se vea pixelada, asegúrate de que el resultado de multiplicar el ancho por el alto sea superior a 50,000 píxeles.
Ejemplo: 300 x 200 = 60,000 px ✅ (Correcto).
Ejemplo: 200 x 200 = 40,000 px ❌ (Insuficiente).
El Peso del Archivo
El peso afecta directamente la permanencia del usuario; si una imagen tarda en cargar, el usuario se va.
Peso Ideal: Menos de 200 KB por imagen.
Optimización Automática: Medios CMS convierte y comprime automáticamente tus imágenes a formatos de última generación (como WebP) para reducir el peso sin perder calidad perceptible. Esto te permite subir archivos de buena resolución con la tranquilidad de que el sistema los procesará de forma eficiente.
Encuadre y Composición
Los sistemas de diseño responsivo y las redes sociales suelen recortar las imágenes para adaptarlas a diferentes formatos (cuadrado, vertical u horizontal).
Margen de Seguridad: Mantén el objeto principal o las caras de las personas en el centro de la imagen.
- Evita los bordes: No coloques texto o detalles importantes cerca de las orillas, ya que podrían quedar fuera de la vista en dispositivos móviles o previsualizaciones automáticas.
¿Le fue útil este artículo?
¡Qué bueno!
Gracias por sus comentarios
¡Sentimos mucho no haber sido de ayuda!
Gracias por sus comentarios
Comentarios enviados
Agradecemos su iniciativa, e intentaremos corregir el artículo