Webflow accepte le format Webp !

Documentation
15/7/2022
3 min
Logo Webflow avec logo Webp
Key points

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

Mise à jour automatique de la date de copyright dans le footer
Tutoriel
Développement

Mettre à jour automatiquement la date du footer en JavaScript

Mettre à jour automatiquement la date du footer en JavaScript
Dans les coulisses d’une séance photo avec Thibaut et Pierre (Digidop).
Storytelling
Digidop

Nouvelle année, nouveau site, nouvelles photos !

Nouvelle année, nouveau site, nouvelles photos !
Représentation visuelle de sites Web et des tendances en matière de webdesign en 2025
Documentation
Design

Les 5 tendances du webdesign en 2025

Les 5 tendances du webdesign en 2025

Transformez votre site web en un moteur de croissance.

Nous contacter