Video: Como Poner Fecha y Hora a tus Fotos en el iPhone & iPad iOS 8 2025
Puede insertar imágenes en páginas web diseñadas para iPhone y iPad del mismo modo que insertaría en cualquier otra página web, utilizando la etiqueta de imagen HTML.
La siguiente etiqueta de imagen bien diseñada inserta una fotografía de 320 píxeles x 110 píxeles y se guarda como JPEG:
Esta lista describe algunas prácticas recomendadas para insertar imágenes en cualquier página web. Estas prácticas son especialmente importantes cuando diseña para la web móvil:
-
Use el texto alternativo. Asegúrese de incluir texto alternativo (Alt) para describir la imagen. Si sus usuarios se encuentran en áreas donde las conexiones a la red móvil o puntos de acceso Wi-Fi son dudosas, es posible que hayan optado por desactivar la visualización de imágenes. En este caso, el texto Alt puede ser todo lo que ven tus visitantes.
Si inserta un logotipo u otra imagen con texto, asegúrese de incluir el texto en el campo Alt de la etiqueta de la imagen.
-
Limita el tamaño de las imágenes. Utilice un ancho relativamente estrecho (320 píxeles o menos) para caber dentro del espacio limitado de la pantalla básica del iPhone. Otra solución consiste en especificar el ancho con un porcentaje para que la imagen se ajuste automáticamente al tamaño de la pantalla.
Por ejemplo, si establece el atributo de tamaño en la etiqueta de la imagen en ancho = 95%, la imagen ocupa el 95% del ancho del área de visualización. Si usa un porcentaje para el ancho, no necesita especificar una altura.
-
Especifique un alto y un ancho para cada imagen. Usar los atributos de alto y ancho, como se muestra en el ejemplo de código de etiqueta de imagen anterior, ayuda al navegador móvil Safari a cargar páginas de manera más eficiente porque el navegador no tiene que descargar cada imagen antes de poder determinar su altura y ancho.
-
Usa formatos de imagen compatibles. Los dispositivos Apple pueden mostrar imágenes JPEG, PNG y GIF, incluso imágenes GIF animadas.
