Images sur un site : droits, formats, poids et texte alt

Les images rendent un site plus concret, mais elles posent quatre questions. Avez-vous le droit de les publier ? Sont-elles au bon format ? Ralentissent-elles le site ? Sont-elles compréhensibles par tous, y compris par les personnes qui ne les voient pas ? Voici les règles à suivre pour chacune.

Avez-vous le droit d'utiliser cette image ?

Une photo trouvée sur Internet n'est pas libre de droits. En France, une photographie originale est protégée par le droit d'auteur dès sa création, sans formalité. La publier sans autorisation expose à une demande de retrait, voire à une demande d'indemnisation.

• Vos propres photos : vous pouvez les utiliser, sous réserve des droits des personnes photographiées.
• Les photos d'un photographe : le contrat doit préciser les usages cédés (site, réseaux sociaux, impression) et leur durée.
• Les banques d'images : lisez la licence, qui peut limiter certains usages ou exiger un crédit.
• Les licences Creative Commons : certaines imposent de citer l'auteur, d'autres interdisent l'usage commercial.

Le droit à l'image s'ajoute au droit d'auteur : une personne reconnaissable, y compris un salarié, doit avoir donné son accord pour la publication. Conservez cet accord par écrit, en précisant l'usage prévu.

Quel format d'image choisir ?

Une image vectorielle est décrite par des formes géométriques plutôt que par des pixels : elle reste nette quel que soit l'agrandissement. Un site peut aussi proposer une même photo en plusieurs formats et laisser le navigateur choisir celui qu'il sait afficher.

Comment alléger les images sans perdre en qualité ?

Les images comptent souvent parmi les fichiers les plus lourds d'une page. Une photo trop lourde ralentit l'affichage, surtout sur mobile.

1. Redimensionnez. Une photo de plusieurs milliers de pixels de large affichée dans une colonne étroite gaspille du poids. Exportez-la à sa taille d'affichage maximale.
2. Compressez. Un outil de compression réduit le poids du fichier ; vérifiez le résultat à l'œil.
3. Proposez plusieurs tailles. L'attribut srcset permet au navigateur de charger une version adaptée à l'écran.
4. Différez le chargement. L'attribut loading="lazy" retarde le chargement des images situées plus bas dans la page. Ne l'appliquez pas à l'image principale visible dès l'ouverture.
5. Indiquez les dimensions. Les attributs width et height réservent la place de l'image et évitent que le texte ne se décale pendant le chargement.

Ces réglages améliorent les Core Web Vitals, les indicateurs de Google qui mesurent la vitesse d'affichage, la réactivité et la stabilité visuelle d'une page.

Comment rédiger le texte alternatif d'une image ?

Le texte alternatif, placé dans l'attribut alt, remplace l'image quand elle ne s'affiche pas. Il est lu par les lecteurs d'écran, utilisés notamment par les personnes aveugles, et aide les moteurs de recherche à comprendre l'image.

• Décrivez l'information apportée, pas seulement l'apparence : « Technicien remplaçant un disque dans un serveur » plutôt que « photo homme ».
• N'écrivez pas « image de » : le lecteur d'écran annonce déjà qu'il s'agit d'une image.
• Pour un logo, indiquez le nom de l'entreprise.
• Pour une image cliquable, décrivez la destination du lien.
• Pour une image purement décorative, laissez l'attribut vide (alt="") afin qu'elle soit ignorée.
• Pour un graphique, reprenez l'information essentielle dans le texte de la page.

Les noms de fichiers et les légendes comptent-ils ?

Oui. Un nom de fichier descriptif, comme installation-borne-recharge.webp, est plus parlant que IMG_4521.jpg. Une légende visible sous l'image apporte du contexte au lecteur comme aux moteurs. La documentation de Google Search conseille aussi de placer les images près du texte qui les concerne.

Ces règles valent pour toutes les pages, y compris lors d'une refonte de site internet, où les images héritées sont souvent les plus lourdes ; la page création de site vitrine présente la démarche de NexSecure.