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

Visuel abstrait lumineux avec des dégradés de jaune et orange, accompagné du texte “IA & DESIGN 2025” au centre, suggérant une thématique autour de l’intelligence artificielle et du design pour l’année 2025.
Documentation
IA

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)
Overview du répertoire Webflow Partner mettant en avant plusieurs agences : Digidop, Finsweet, Flow Ninja et Simon Lampert. Le fond bleu présente le logo Webflow Partner à gauche, tandis que les cartes des partenaires affichent leur statut, prix de départ, distinctions, et captures de sites réalisés.
Documentation
Webflow

Le programme partenaire de Webflow

Le programme partenaire de Webflow
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

Transformez votre site web en un moteur de croissance.

Nous contacter