Bien gérer les images de votre site web (sans être graphiste ni développeur, promis) : Le guide complet pour les Nuls
20 novembre 2024
On ne va pas se mentir : gérer correctement les images sur votre site web, c'est souvent un vrai casse-tête. Trop lourdes, trop floues, mal cadrées, ou mal référencées sur Google… Bref, les images, c'est compliqué. Mais rassurez-vous : après avoir lu ce guide, vous maîtriserez les bases sans même vous en rendre compte.
Où trouver des images pour son site web (qui ne vont pas vous coûter un rein)
Trouver de belles images gratuites, c'est possible :
- Unsplash.com : Images professionnelles, haute résolution, gratuites et libres de droits.
- Pexels.com : DIdéal pour des photos modernes et variées.
- Pixabay.com : Plus de 2 millions d'images libres de droits.
- Freepik (notre préféré ca se voit !): Pour des visuels modernes et variés.
Mais attention à ne pas trop abuser des clichés (genre, la poignée de main devant un ordinateur, c'est non). Essayer de trouver des images qui vous correspondent ou sur le sujet traité, et qui ne soient pas trop classiques.
Soyez vigilent et respectez les droits d'auteur. Lisez notre article sur le respect des droits d'auteur pour plus d'informations.
JPEG, PNG, SVG… et maintenant WebP ? (Ils sont sérieux, là ?)
JPEG pour les photos, PNG pour les fonds transparents, SVG pour les logos… Et le petit nouveau, le WebP ?
C'est simple : WebP, c'est le JPEG du futur. Plus léger, plus rapide, bref, c'est la même chose en mieux. (Comme votre café préféré, mais sans les calories.)
Si votre CMS ou votre site le permet, foncez sur WebP. Sinon, restez classique, mais compressez un max. (Ça ira très bien aussi.)
Compressez vos images (mais gentiment)
Une image non compressée, c'est comme transporter un frigo en voiture : possible, mais pénible.
Un clic, et hop, vos images passent d'éléphant à chaton tout mignon sans perdre en qualité. Magique, non ?
Redimensionnez vos images (parce que votre écran n'est pas une toile de cinéma)
Vous avez vraiment besoin d'une image de 4000 pixels de large ? Non. Adaptez sa taille au besoin réel.
1920 pixels pour les grandes bannières, 800 à 1200 pixels pour le contenu principal, 300 pixels pour les miniatures. C'est facile, rapide, et ça soulage votre site (et votre patience).
Une image vaut mille mots.
Confucius
Google aime vos images (profitez-en !)
Vos visiteurs voient les images, Google lit leur description. Alors stop aux « IMG_00001.jpg ».
Appelez vos images « site-internet-beziers.jpg » ou « meilleure-agence-web-en-occitanie.png » (on en profite), et remplissez toujours le texte alternatif (ALT). Google vous aimera, et vos clients aussi.
Mobile first, baby !
Vos visiteurs utilisent leur smartphone dans 70% des cas. Vos images doivent donc être légères, rapides, et parfaitement nettes sur mobile. Testez simplement votre site sur votre propre téléphone. Pas besoin d'un labo de la NASA pour ça.
Trop compliqué tout ça ? (c'est normal)
Vous avez une entreprise à gérer, pas le temps de devenir expert en formats d'images improbables. Et c'est très bien comme ça.
Chez Okiweb, on vous simplifie la vie. Vous nous confiez votre projet, on s'occupe des images, du WebP et de tout le reste. Vous, pendant ce temps-là, vous pouvez continuer à faire ce que vous aimez vraiment (comme boire un café tranquille en terrasse).
Parlons ensemble de votre projet. On fait tout (oui, même les images).
On vous écoute
