Français English Español Deutsch
 

Optimiser les images de sont site internet en 2021

Article publié le 20/02/2021 à 00:33:27
Optimiser les images de sont site internet en 2021

Depuis quelque année les images, tel que les Slider géant qui pullule sur la toile et les mobiles qui capture des photos de plus en plus grande en terme de poids (48 Mo le JPEG pour certain). Les images sur internet et un enjeux de taille, que ce soit pour un site marchand, communautaire ou un site vitrine.

Google avec sont outils d'optimisation de site internet PageSpeed nous indique d'ailleurs d'optimiser nos pages et les images impacte directement la vitesse de chargement de vos site internet et donc de votre référencement.

Heureusement Google sort de sont chapeau WebP un format d'image jusqu'à 30 à 80% de compression supérieure au format JPEG et PNG les plus utiliser sur internet depuis des lustres. Tirée directement de l'encodage video du VP8, le format WebP supporte la transparence et sa compression et sans perte de qualité perceptible.

La majorité des navigateurs aujourd'hui supporte ce format sauf Apple qui pour le moment ne l'as pas encore adopté. Sont intégration et assez simple dans une balise IMG comme à sont habitude, il faudra tous de même prendre en compte les produit de la pomme et donc utiliser la balise HTML picture :

Voici un petit exemple pour supporter tous les navigateurs :

Code integration WebP HTML

Avec ce petit code on supporte pour le coup tous les navigateur. Si un petit iOS et Safari vient visiter notre site le format JPEG sera afficher à la place.

Dernière avantage et pas des moindres la librairie GD PHP supporte le format WebP et Image Magick, il sera donc possible de convertir vos image depuis un script créer à l'occasion, mais également vous pourrez traiter les images de vos utilisateurs, si vous avez un site communautaire et donc les transformer en image optimiser WebP.

Y a t'il d'autre alternative ?

Plus anciennement le format JPEG 2000 remplacait le JPEG originel, il s'agit en faite du format JPEG améliorer développée entre 1997 et 2000.Il Permet également d'avoir une meilleures compression d'image que le JPEG d'origine, avec ou sans perte suivant la compression choisi. Malheureusement se format à très peu été utiliser il est donc tombé au oubliette, malgrès que la librairie PHP Image Magick supportait sa compression, mais trop peu de navigateur le supporte 20% en tout ce qui explique aussi cela.

JPEG XR de Microsoft !

Le dernier format qui présentait une alternative est JPEG XR développer par Microsoft en 2008. Tous comme les autres format celui ci est avec ou sans perte, en utilisant un algorithme sans virgule flottante, uniquement des entiers. La compression et bien plus intérresante que le JPEG, d'ailleur le JPEG XR supporte le canal alpha donc la transparance, problème celui-ci est supporter... Suspence ! Je vous le donne dans le mille par Internet Explorer 9,10,11 et Edge 12 et 18, aucun autre navigateur ne les supportent donc aucun interêt notable aujourd'hui à ce tournée vers le JPEG XR.

Tous compte fait même si iOS et Safari ne supporte pas encore le WebP. De part cette démonstration je suis certain qu'il sera le format utiliser majoritairement sur le Web dans les prochaines années, Bonne optimisation à tous.

Qui sommes nous ?

Shua Création est un éditeur de logiciel et de solution innovante pour le grand public et les entreprises. Nous vous proposont de nombreux scripts, modèles d'application, template pour vos futures réalisations. Notre mot d'ordre vous faire gagner un temps précieux avec des outils de qualité.

Suivez-nous

Nous acceptons les moyens de paiement

Visa Mastercard Discover American Express Western Union