Imágenes y medios en una página móvil

Las imágenes explican y acompañan el contenido, pero también forman parte del peso de una página. Su preparación debe corresponder al tamaño y a la función que tendrán.

El tamaño que se utiliza

Una imagen presentada como miniatura no siempre necesita el mismo archivo que una vista de detalle. Revisa dónde se consume cada recurso.

Comprueba el encuadre en la pantalla pequeña. Reducir el archivo no debería ocultar el sujeto que querías mostrar.

Carga y espacio

Reservar el espacio de una imagen ayuda a que el texto no se desplace cuando aparece.

La carga diferida puede ser útil para contenidos que quedan más abajo, pero el material principal necesita atención a su prioridad.

Una descripción adecuada

El texto alternativo debe explicar la función de una imagen significativa. Una decoración no necesita repetir el texto que ya la rodea.

Después de optimizar los recursos, revisa de nuevo la página en un dispositivo real y compara la misma tarea.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Dexuno y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.