Squoosh optimise les images directement dans le navigateur

Nicolas Furno |

Squoosh est un nouvel outil chargé d’optimiser les images, c'est-à-dire de réduire le poids des fichiers originaux sans trop réduire leur qualité. Ce n’est pas le premier sur ce segment, il y en a en fait des dizaines, sous la forme d’apps à installer sur un ordinateur ou un appareil iOS, ou de plus en plus souvent, sous la forme d’un service web. Ce nouveau-venu a une approche différente : Squoosh est un site web, mais qui effectue tout le travail en local, dans votre navigateur. C’est en fait une web-app qui peut même fonctionner sans connexion internet.

Squoosh en action dans Chrome sur un ordinateur.

Cette application web a été conçue par des employés de Google, en guise de démonstration de ce qui est possible dans un navigateur web moderne. Tout ce qui est nécessaire est placé dans le stockage local du navigateur lorsque vous utilisez le site pour la première fois, et vous pouvez ensuite optimiser des images, même sans connexion internet. L’avantage de cette approche, c’est aussi que les images ne sont pas mises en ligne sur un serveur distant.

Même si tout est fait dans le navigateur, Squoosh propose de nombreuses options pour offrir un service utile à l’usage. L’image sera réduite automatiquement au chargement, avec un moteur ajusté en fonction de son type. Par défaut, MozJPEG est utilisé pour les images JPEG, OptiPNG est exploité pour les PNG. Le service est aussi compatible avec les SVG et il peut créer des versions WebP. Dans tous les cas, une comparaison visuelle permet de vérifier si l’optimisation n’est pas trop agressive, et quelques paramètres sont disponibles pour augmenter ou réduire la compression.

Tout cela est compatible au moins avec Safari, Chrome et Firefox sur macOS, mais aussi avec les navigateurs mobiles. Nous avons testé Squoosh sur Safari avec iOS 12 et Chrome avec Android 9 et le site a parfaitement fonctionné. Google oblige, c’est aussi une PWA (Progressive Web App) que l’on peut installer sur l’écran d’accueil d’un smartphone ou d’une tablette. Sur Android, on a l’impression d’avoir une app traditionnelle, et cela fonctionne parfaitement même en mode avion.

Squoosh fonctionne aussi dans les navigateurs mobiles, ici sur Android.

Squoosh est un site gratuit, son interface n’est proposée qu’en anglais.

avatar Mr Bob | 

À une certaine époque, Orange (Wanadoo) faisait payer 2 ou 5 euros par mois pour ce service.

avatar moua | 

@Mr Bob

Attention ça fonctionne dans le navigateur mais ça n’a rien à voir avec les sites internet visités ou une compression à distance. Ça pourrait être une app quelconque.

Au final c’est équivalent au HEIC d’après quelques essais

Le tout c’est d’avoir un navigateur compatible en face. Concrètement il faut stocker plusieurs versions d’une image sur son site, selon le navigateur.

avatar vicento | 

C’est gratuit. Ils gagnent de l’argent comment ?

avatar Madalvée | 

@vicento

Ils font ça par amour de l’humanité.

avatar Septime | 

@vicento

C’est fait par la team derrière Chrome, donc bon, question financement, ils sont à l’abri.

D’ailleurs il est bon de préciser que si cette webapp est gratuite et fonctionne en local, il y a quand même de base un envoi vers Analytics, très léger certes (taille de l’image avant/après).

avatar eastsider | 

@vicento

Des gars de google on t'as dit..., ils ont pas un millions de techniques dans la team j'imagine.

avatar eastsider | 

Encore un bidule pour en balade ca!

CONNEXION UTILISATEUR