Bien choisir et préparer les images de mon site

Choisissez des images de bonne qualité

Privilégiez des images suffisamment grandes et nettes, en évitant autant que possible les visuels de faible définition, trop compressés ou déjà agrandis.

Pour les photographies, les formats JPG ou WebP sont généralement les plus adaptés. Le PNG est surtout utile pour certains éléments graphiques nécessitant de la transparence, comme des logos.

Il n’est cependant pas nécessaire d’importer des fichiers extrêmement lourds : drevo optimise automatiquement les images lors de leur traitement afin de réduire leur poids tout en conservant une qualité d’affichage adaptée au site.

Pensez au recadrage des images

Votre site drevo est responsive : sa mise en page s’adapte automatiquement à la taille de l’écran utilisé, qu’il s’agisse d’un ordinateur, d’une tablette ou d’un smartphone.

Une même image peut donc être recadrée différemment selon la résolution et le format de l’écran.

Lorsque vous choisissez une photo, évitez de placer les éléments importants trop près des bords. Laissez suffisamment d’espace autour du sujet principal afin qu’il reste visible, quel que soit l’appareil utilisé.

Bon réflexe : privilégiez les images dont le sujet principal dispose d’un peu d’espace autour de lui plutôt que les cadrages très serrés.

Une attention particulière pour les images de haut de page

Sur les pages intérieures de votre site, le titre de la page est affiché au centre de l’image utilisée en bandeau.

Évitez donc de choisir une photographie dont l’élément principal se trouve exactement au milieu de l’image : un coureur, un visage ou un élément important pourrait se retrouver derrière le titre.

Privilégiez plutôt une composition où le sujet principal est légèrement décentré et où la zone centrale reste suffisamment dégagée pour accueillir le texte.

Faut-il retoucher ses images avant de les importer ?

Vous n’avez pas besoin d’être graphiste pour préparer vos visuels. Quelques opérations simples peuvent néanmoins être utiles : recadrer une photo, redresser l’horizon, ajuster légèrement la luminosité ou supprimer une zone inutile.

Des outils accessibles comme Canva, Adobe Express, Photopea ou les fonctions de retouche intégrées à votre ordinateur ou votre smartphone permettent de réaliser facilement ces ajustements.

Pour réduire le poids d’un fichier avant son import, vous pouvez également utiliser des services spécialisés comme Squoosh ou TinyPNG.

Gardez cependant à l’esprit que drevo optimise ensuite automatiquement vos images pour leur utilisation sur le site. Il n’est donc pas nécessaire de chercher à les compresser au maximum au risque d’en dégrader la qualité.

En résumé

Choisissez des images nettes et suffisamment grandes, évitez les cadrages trop serrés et gardez les éléments importants à distance des bords. Pour les images de bandeau, pensez également à laisser une zone suffisamment dégagée au centre.

Ces quelques précautions permettent à drevo d’adapter vos images aux différents écrans tout en conservant un rendu propre et professionnel.