Webflow accepte le format Webp !

Documentation
3 min
Publié le Jul 15, 2022
Dernière mise à jour le
Logo Webflow avec logo Webp
Résumez cet article avec une IA
Points clés de l'article

C'est la fête 🎉

Webflow accepte désormais le format Webp 🚀

Le format WebP est une alternative aux formats d'images standard : (jpeg, jpg, png, gif etc..) créé par Google. Le format d'image Webp offre souvent une meilleure compression que le format PNG ou JPEG.

Image au format Webp dans les assets Webflow

Pourquoi utiliser le format Webp ?

Utiliser le format Webp vous permet de maintenir une bonne qualité d'image tout en réduisant leur poids de 25 à 30% comparé à une image compressé au format png.  Ce qui se traduit par des vitesses de chargement plus rapides et une réduction de la consommation de données de votre site web.

Résultat ?

  1. Des sites Webflow qui se chargeront (encore) plus rapidement ! Et ça, Google Lighthouse apprécie, car c'est un format dit next-gent formats
  2. Des sites qui polluent moins ! 🌱

Pour en savoir plus sur les sites eco-friendly, lire notre article sur le sujet

Audit Lighthouse : serve images in next-gen formats

Le format Webp est-il supporté par tous les navigateurs ?

D'après les données de caniuse.com le format Webp a à date une acceptation globale de 94% (vs 99,53% pour le PNG). Il est supporté par les navigateurs les plus populaires tels que Google Chrome, Safari et Firefox.

WebP image format support browser
Global = 93,81%
PNG format support browser
Global = 99,53%

Comment convertir mes images aux formats Webp ?

Utilisez l'outil gratuit Squoosh.app !

L'application vous permet de...

  • redimensionner,
  • compresser,
  • convertir

... vos visuels de toutes tailles en 2 clics et gratuitement !

Compression d'un PNG de 92% en le passant au format Webp
Compression de 92% d'un PNG -> WebP

L'outil est simple à utiliser et accessible en ligne sans se créer de compte.

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Résultat du score Agent Readiness pour Digidop affichant un score de 100 et un niveau agent native
Tutoriel
IA

Votre site est-il prêt pour les agents IA ?

Votre site est-il prêt pour les agents IA ?
Interface de génération de code AI avec des icônes d'outils et un exemple d'extrait de code animé
Documentation
IA

Créer avec l’IA : pourquoi cette révolution ne va pas ralentir

Créer avec l’IA : pourquoi cette révolution ne va pas ralentir
Grille minimaliste de six logos de CMS headless (Sanity, Contentful, Storyblok, Prismic, Strapi, ButterCMS) affichés sur des cartes arrondies avec ombres douces, sur un fond en dégradé pastel.
Documentation
Développement

Notre sélection des meilleurs CMS headless en 2026

Notre sélection des meilleurs CMS headless en 2026

Transformez votre site web en un moteur de croissance.

Nous contacter