Webflow accepte le format Webp !

Documentation
July 15, 2022
3 min
Logo Webflow avec logo Webp
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

Agentic AI vs. Generative AI
Documentation
IA

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications
Frameworks : Client-First vs Lumos
Documentation
Développement

Client-First vs Lumos : Quel framework Webflow choisir en 2025 ?

Client-First vs Lumos : Quel framework Webflow choisir en 2025 ?
ChatGPT logo vs Midjourney
Documentation
IA

ChatGPT 4o vs Midjourney : quel est le meilleur outil pour générer des images IA ?

ChatGPT 4o vs Midjourney : quel est le meilleur outil pour générer des images IA ?

Transformez votre site web en un moteur de croissance.

Nous contacter