Vidéo: TUTO no2. Conception de photos d'identité format 4x4 avec Photoshop CS6 2025
Vous pouvez insérer des images dans des pages Web conçues pour l'iPhone et l'iPad les dans une autre page Web, en utilisant la balise d'image HTML.
La balise d'image bien conçue suivante insère une photo de 320 pixels x 110 pixels et est enregistrée au format JPEG:
Cette liste décrit quelques bonnes pratiques pour insérer des images dans n'importe quelle page Web. Ces pratiques sont particulièrement importantes lorsque vous concevez pour le Web mobile:
-
Utilisez le texte Alt. Veillez à inclure un texte alternatif (Alt) pour décrire l'image. Si vos utilisateurs se trouvent dans des zones où les connexions au réseau mobile ou aux hotspots Wi-Fi sont incertaines, ils peuvent avoir choisi de désactiver l'affichage des images. Dans ce cas, le texte Alt peut être tout ce que vos visiteurs voient.
Si vous insérez un logo ou une autre image avec du texte, veillez à inclure le texte dans le champ Alt de l'image.
-
Limite la taille des images. Utilisez une largeur relativement faible (320 pixels ou moins) pour tenir dans l'espace limité de l'écran de base de l'iPhone. Une autre solution consiste à spécifier la largeur en utilisant un pourcentage afin que l'image s'ajuste automatiquement à la taille de l'écran.
Par exemple, si vous définissez l'attribut size de la balise image sur width = 95%, l'image remplit 95% de la largeur de la zone d'affichage. Si vous utilisez un pourcentage pour la largeur, vous n'avez pas besoin de spécifier une hauteur.
-
Spécifiez une hauteur et une largeur pour chaque image. L'utilisation des attributs height et width, illustrés dans l'exemple de code de tag image précédent, aide le navigateur mobile Safari à charger les pages plus efficacement car le navigateur n'a pas besoin de télécharger chaque image avant de pouvoir déterminer sa hauteur et sa largeur.
-
Utiliser les formats d'image pris en charge. Les appareils Apple peuvent afficher des images JPEG, PNG et GIF - même des images GIF animées.
