Les images représentent en moyenne 70% du poids d’une page web.

Optimisez vos images simplement et automatiquement pour offrir une expérience utilisateur optimale !

Non seulement Fasterize optimise automatiquement chacune de vos images sans dégradation de la qualité visuelle et quel que soit le format d’origine mais les charge aussi de façon intelligente !

 

Les bénéfices

Diminuez le budget et l’effort mobilisé pour transformer vos images.

Améliorez l'expérience client grâce à une qualité visuelle et des performances maximales.

Profitez des dernières techniques d’optimisation des images.

Optimisez et standardisez le contenu généré par les différents intégrateurs de votre site.

La compression des images intelligente

Que vos images soient au format JPEG, PNG, GIF ou SVG, le moteur Fasterize compresse de façon optimale chacune de vos images. Pour cela, nous utilisons les technologies des meilleures librairies du marché. Vous êtes ainsi assurés que l’ensemble de vos images (quels que soit leur format et la source) seront toujours compressées de façon optimale. Vous réduisez jusqu’à 70% le poids de vos fichiers !

Un algorithme de qualité visuelle*

Le moteur Fasterize détermine automatiquement le taux de compression des images JPEG afin d’obtenir un fichier le plus léger possible en veillant à ce que celui-ci ne présente aucun artefact visible. Pour cela, nous calculons un ensemble d’images compressées avec différents taux de compression puis choisissons celle dont la différence visuelle avec l'original correspond au seuil de qualité paramétrée (avec un algorithme basé sur les caractéristiques du système visuel humain, MPE pour Mean Pixel Error). Le poids des images est généralement diminué de 30 à 70% sans perte de qualité visuelle. (*disponible uniquement avec l’offre enterprise)
La bonne image en fonction du contexte

Aujourd’hui, un site Web peut être dédié au mobile ou bien responsive, se consulte sur desktop via un hotspot Wifi, sur mobile Retina en 4G, ou encore sur une tablette en 3G. Bref l’expérience utilisateur dépend fortement du contexte et les images aussi. Fasterize travaille aujourd’hui sur les technologies qui permettent de servir la bonne image en fonction du contexte de connexion (adaptation de la compression, de la densité ou encore du recadrage automatique du contenu : disponible mi-2017).

Le lazyloading et l'inlining des images

Le moteur Fasterize charge en priorité et automatiquement les images au-dessus de la ligne de flottaison. Les images suivantes sont chargées lorsque l’utilisateur scrolle. Toutefois, notre script n’est pas appliqué sur les premières images de la page pour que celles-ci n’attendent pas l’exécution d’un script et s’affichent le plus rapidement possible.

L’inlining des images consiste à transformer les petites images présentes dans la page en code HTML (base64). Au lieu de lancer une requête qui peut être coûteuse en terme de latence, le navigateur “lit” l’image directement dans le code HTML.

Notre moteur n’applique cette transformation qu’aux petites images. Il est préférable d’ajouter quelques centaines d’octets à la page HTML que d’exécuter une requête qui peut prendre jusqu’à 500 ms dans certaines conditions.

Bien entendu, les images qui sont lazyloadées ne sont pas inlinées ! C’est l’une des force du moteur d’optimisation de Fasterize : combiner les règles pour en tirer le meilleur et ne pas être contre-productif.

Le Progressive JPEG

Grâce au Progressive JPEG, l’image entière s’affiche rapidement en basse qualité et les détails apparaissent au fur et à mesure du chargement de l’image. Via le moteur Fasterize, ce rendu progressif des images est appliqué de façon intelligente, en ne sélectionnant que les images occupant une surface importante. Aujourd’hui, les navigateurs modernes permettent d’afficher plus vite ces images en Progressive JPEG.

En savoir plus sur nos offres