.png)
Introduction
Les images représentent en moyenne 50% du poids d’une page web.
Optimiser leur taille et leur chargement est donc un levier essentiel pour améliorer la vitesse de vos pages et offrir une expérience utilisateur fluide.
L’application Images de Fasterize permet :
- de compresser et convertir automatiquement vos images sans perte de qualité visuelle,
- de prioriser le chargement des images essentielles,
- d’adapter vos visuels aux différents écrans et contextes d’utilisation.
En une phrase : des images plus légères, mieux servies, pour un site plus rapide.
Formats modernes : WebP et AVIF
Le moteur Fasterize convertit automatiquement les formats classiques (PNG, JPEG) vers des formats modernes comme WebP ou AVIF.
Avantages webperf
- Les images WebP sont en moyenne 30% plus légères qu’un JPEG.
- Les images AVIF peuvent atteindre jusqu’à 80% de gain.
👉 Résultat : un affichage plus rapide et une amélioration du LCP et du Speed Index.
Optimisation des formats classiques (PNG, JPEG, GIF, SVG)
Même vos formats traditionnels bénéficient d’une compression intelligente.
JPEG
- Strip Metadata : suppression des données inutiles (GPS, appareil photo, auteur, vignettes…), tout en préservant l’orientation et le profil couleur.
- Chargement progressif : affichage d’une version basse qualité puis amélioration progressive des détails.
- Détection automatique de la qualité : choix dynamique du meilleur ratio poids/qualité grâce à un algorithme d’artefacts.
- Quality Preset & Qualité minimale : paramétrage automatique de la qualité visuelle optimale.
PNG
- Conversion possible de PNG24 → PNG8, en réduisant le nombre de couleurs.
- Compression avec perte minimale (lossy) difficilement perceptible.
- Gain pouvant aller jusqu’à 80% de poids en moins.
SVG
Suppression des métadonnées, commentaires, éléments cachés ou valeurs inutiles afin d’alléger le fichier sans altérer le rendu visuel.
Avantage webperf
Compression intelligente = jusqu’à 80% de réduction du poids tout en gardant une qualité visuelle intacte.
Lazyload et Unlazyload
Lazyload
Le lazyloading diffère le chargement des images situées sous la ligne de flottaison. Fasterize peut activer cette option en un clic.
- Offset : permet d’ignorer les premières images pour éviter de dégrader l’affichage initial.
- Cibles dédiées : affiner la configuration pour ne pas lazyloader certains visuels critiques.
👉 Améliore le LCP et le Speed Index en priorisant les images visibles.
Unlazyload
Si votre site applique déjà un lazyload trop agressif, Fasterize peut désactiver le système existant et le remplacer par le sien.
Vous pouvez aussi définir des règles pour conserver un lazyloading sélectif sur certaines images.
Options avancées pour les balises images
- Image inlining (Base64) : intégration des petites icônes directement dans le HTML pour réduire les requêtes HTTP.
- Image Dimension Attributes : ajout automatique de
widthetheightpour chaque image afin de limiter le CLS (Cumulative Layout Shift). - Optimisation d’images personnalisées : prise en charge des attributs HTML spécifiques contenant des URLs d’images (utile pour les balises générées dynamiquement).
Images Responsive
Avec Fasterize, vos images s’adaptent automatiquement aux écrans et résolutions :
- Responsive : génération d’images adaptées selon la taille de l’écran.
- Redimensionnement via URL : utilisez les paramètres
frz-width,frz-height,frz-fit,frz-gravity,frz-enlargepour ajuster dimensions et cadrage.
👉 En savoir plus sur le redimensionnement des images
Conclusion
Avec l’application Images, Fasterize vous aide à concilier qualité visuelle et performance web :
- compression intelligente des formats classiques,
- conversion automatique vers WebP/AVIF,
- lazyloading optimisé,
- gestion avancée des images responsives.
🚀 Résultat : des pages plus légères, plus rapides, et une meilleure expérience utilisateur sur tous les appareils.