Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Imágenes en dispositivos estrechos: ancho máximo en lugar de ancho fijo
Una imagen nunca debe ser más ancha que su espacio. El verificador mide por perfil de dispositivo si componentes individuales se extienden más allá del área visible — las imágenes de ancho fijo son una de las causas más comunes.
- La configuración básica que resuelve casi todo es un ancho máximo del 100% con altura automática. Sin él, una foto de 1200 píxeles de ancho mantiene su ancho incluso en una pantalla de 390 píxeles.
- Aparte de eso está la cuestión del tamaño del archivo: una imagen destinada al escritorio no es solo demasiado ancha en el teléfono, sino también innecesariamente pesada. Esto afecta el tiempo de carga y es visible en el área de comprobación de Core Web Vitals.
- Las imágenes sin dimensiones especificadas causan además desplazamientos de diseño al cargar — el mismo error actúa en dos áreas de comprobación.