Redimensionner des images pour le web

1

Identifiez le cas où vous devez insérer votre image

Commencez par définir votre cas d'utilisation. Est-ce l'image principale d'un article ou d'un événement, ou plutôt son image d'aperçu?

Choix d'une image à la création d'un article dans le compte Webflow Coteries

La "main" image, image principale d'un article par exemple, doit être plus grande que la "featured" image, image d'aperçu.


2

Visualisez la taille idéale pour votre image

Accédez au modèle visuel créé par Coteries pour comprendre quelle taille d'image idéale vous devez insérer.

Notre équipe a créé un modèle pour visualiser et comprendre les tailles idéales des images pour le web.

Cette ressource vous indique la taille et le ratio idéal d'une image suivant l'endroit où vous devez l'intégrer!


3

Redimensionnez votre image

En ayant la bonne image en main et en connaissant la taille idéale de votre image, vous pouvez maintenant la redimensionner au bon format.

Vous pouvez utiliser des outils en ligne, comme snaperies, un outil créé par notre équipe pour à la fois redimensionner une image à la bonne taille et l'exporter directement en .webp, le format idéal des images pour le web.

Snaperies, notre outil gratuit pour redimensionner les images pour le web

Le format .webp, créé par Google, permet de compresser la taille d'une image sans trop perdre en qualité. Un poids réduit assure un chargement plus rapide de vos pages, un excellent point pour le SEO!


4

Intégrez votre image

Plus qu'à l'importer avec un glisser-déposer, et le tour est joué.

Si vous avez des questions, contactez-nous!


5

6

7

8

9

10