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

Illustration abstraite représentant le concept de suivi côté serveur (server-side)
Documentation
Développement

Comprendre facilement le tracking Server-Side

Comprendre facilement le tracking Server-Side
Illustration représentant un Proof of Concept à travers des explorations visuelles et des références créatives
Documentation
Développement

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web
photo d'une institution financière européenne avec des drapeaux européens flottant dans les airs et les termes de la réglementation financière : GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Développement

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

Transformez votre site web en un moteur de croissance.

Nous contacter