Puissants outils d’optimisation d’image —

Ces dernières années, la communauté du développement Web a à juste titre largement diffusé le message selon lequel les images sont souvent la ressource la plus importante sur une page Web donnée. Alors que de nombreux développeurs passent du temps à optimiser d’autres domaines des performances d’une page Web, la réduction de la taille des images peut avoir un impact plus important sur les performances que tous les autres domaines combinés.

Vous savez peut-être déjà que Smashing Magazine a publié le livre Optimisation des images par Addy Osmani, qui couvre ce sujet en détail. Mais considérez cet article comme un compliment au livre, car il se concentrera uniquement sur les différents outils disponibles pour réduire la taille des images.

Compression d’images en masse WebUtils

Compression d’images en masse WebUtils vous permet de compresser des images et de les convertir en WebP, JPG, PNG, AVIF et JXL. Il ne semble pas y avoir d’indication de limitations sur la taille du fichier ou le nombre de fichiers, mais c’est un processus lent si vous essayez de faire une conversion en masse. Vous pouvez également ajuster la qualité et la taille, et tout se fait côté client.

Compresseur.io

Compresseur.io vous permet d’optimiser JPEG, PNG, SVG, GIF et WebP en utilisant une compression avec ou sans perte jusqu’à 10 Mo par fichier. Si vous souhaitez personnaliser la compression ou utiliser des fichiers plus volumineux, vous devrez souscrire au forfait Premium. La compression, dans ce cas, semble être côté serveur, vous obtiendrez donc des résultats beaucoup plus rapides.

Imagecompresser.com

Imagecompresser.com vous permet de télécharger jusqu’à 10 fichiers simultanément et prend en charge les formats PNG, JPEG, WebP, JPG et GIF. Il ne semble pas y avoir de limite à la taille du fichier par image, donc cela fonctionnerait probablement bien pour les gros fichiers de 10 ou moins.

AnyWebP

AnyWebP est spécifiquement destiné à la conversion d’images au format WebP et vous pouvez les exporter au format JPEG, PNG ou ICO. Vous pouvez personnaliser la taille ou la qualité du fichier. Vous avez également la possibilité de convertir à peu près n’importe quel format de fichier (TIFF, PSD, BMP, etc.) en WebP. Cet outil propose également des applications natives hors ligne pour Mac et Windows qui vous permettent de convertir en masse. Dans tous les cas, aucun des fichiers n’est téléchargé sur le serveur.

Compressimage.io

Compressimage.io permet une optimisation d’image entièrement hors ligne sans limite de taille de fichier ou de nombre de fichiers. La seule limitation que cela semble avoir est que vous ne pouvez compresser que JPEG et PNG. Les options personnalisées vous permettent d’ajuster le niveau de compression, la taille de l’image et si vous souhaitez convertir en WebP. Vous pouvez également ajouter un suffixe personnalisé au nom du fichier.

JPEG.rocks

JPEG.rocks, comme son nom l’indique, est un optimiseur d’image JPEG respectueux de la vie privée, entièrement côté client et open source. Il ne semble pas y avoir de limite à la taille ou au nombre de fichiers, et vous pouvez personnaliser la qualité du fichier de sortie.

Compressor.js

Compressor.js est assez différent des autres outils de cette liste. Il comprend environ une douzaine de paramètres différents qui vous permettent de personnaliser la qualité, la taille, le type mime de l’image, etc. La seule grande limitation est que vous devez créer un fichier à la fois. Ce ne serait donc pas une bonne option pour le redimensionnement en bloc, mais elle est efficace pour les optimisations spécifiques que vous souhaitez effectuer sur une image particulière.

Squoosh

Squoosh est conçu par l’équipe Chrome Labs. L’application Web est limitée à une seule image, mais elle comprend plusieurs options pour réduire la taille, la palette de couleurs, choisir une méthode de compression, le niveau de qualité de compression, ainsi qu’une multitude d’autres paramètres avancés. Le moteur qui alimente cet outil est également disponible en tant qu’API ou CLI pour le traitement en masse.

SVGOMG

SVGOMG est spécifiquement destiné à réduire la taille des graphiques SVG. C’est une interface graphique pour SVGO, un outil basé sur Node.js. Les optimiseurs SVG sont utiles car de nombreux programmes qui produisent du SVG incluent des informations redondantes et inutiles dans le code SVG qui produit l’image.

Optimizilla

Optimizilla utilise une compression avec perte pour réduire la taille des images JPEG, GIF et PNG. Vous pouvez télécharger jusqu’à 20 images et vous avez la possibilité de personnaliser le niveau de compression et la qualité de chacune des images avant le téléchargement.

Rétrécissez-moi

Rétrécissez-moi vous permet d’optimiser en masse les images JPEG, PNG, WebP ou SVG sans perte de qualité perceptible. Il n’y a pas de limite au nombre de fichiers ou à la taille des fichiers, mais des fichiers plus volumineux signifieront un processus de compression plus lent.

Décapant JPEG

Décapant JPEG optimise les fichiers JPEG en supprimant les données inutiles. N’autorise qu’une seule image téléchargée à la fois, cela ne serait donc utile que pour quelques images au format JPEG.

Réduire le média vous permet d’optimiser les images PNG, JPEG et WebP jusqu’à une résolution de 5000×5000, et il est également disponible en tant qu’application mobile pour iOS ou Android. Utilisez les curseurs interactifs pour modifier le niveau de qualité et les dimensions de la photo. Vous pouvez également coller une URL sur une image, mais cet outil ne vous permet d’optimiser qu’une seule image à la fois.

Optimiser les images

Optimiser les images vous permet de réduire la taille de SVG, PNG, JPEG, WebP, GIF et AVIF tout en vous donnant également la possibilité de convertir en WebP ou AVIF. Optimisez jusqu’à 30 images et choisissez une option de qualité de compression (recommandée, moyenne ou ultra).

ImagesTool.com comprend un certain nombre d’outils de manipulation d’images différents. Vous pouvez ajuster la taille, convertir, compresser les images, etc. Prend en charge JPEG, WebP, SVG, GIF et APNG. Tout est fait côté client et vous pouvez choisir entre une compression sans perte et personnalisée. Aucune limite au nombre de fichiers que vous pouvez optimiser, et vous pouvez également télécharger par dossier ou coller vos images.

AVPress

AVPress est un peu différent car il est spécifiquement destiné à l’optimisation des fichiers vidéo et des animations GIF. Il permet de traiter une seule vidéo ou GIF à la fois et comprend plusieurs personnalisations et paramètres de sortie que vous pouvez appliquer au fichier choisi.

Convertisseur AVIF

Convertisseur AVIF vous permet de convertir à peu près n’importe quel format d’image en AVIF, un format de fichier de nouvelle génération qui prétend avoir une meilleure compression que WebP, JPEG, PNG et GIF. Cette application ne semble pas avoir de limitations sur le nombre de fichiers ou la taille des fichiers, mais notez que le format AVIF n’est pas encore pris en charge par tous les navigateurs modernes.

TinyPNG

TinyPNG est un outil plus ancien qui optimise les fichiers WebP, PNG ou JPEG. Vous pouvez télécharger jusqu’à 20 à la fois et jusqu’à 5 Mo chacun.

Les outils que j’ai énumérés jusqu’à présent sont de bonnes options pour le traitement manuel par lots ou l’optimisation de quelques images à la fois. Mais dans le contexte d’un grand projet, vous voudrez peut-être envisager d’utiliser différents outils conçus pour être intégrés dans le cadre d’un flux de travail ou d’un processus de construction en cours. Voici quelques options que vous pouvez envisager :

• SVGO est l’outil d’optimisation SVG populaire qui est au cœur du SVGOMG mentionné précédemment ;
• libSquoosh est l’API Squoosh, vous permettant de créer des programmes JavaScript qui optimisent les images à la volée ;
• CLI Squoosh est un outil en ligne de commande pour utiliser le moteur qui exécute Squoosh ;
• pngquant est un utilitaire de ligne de commande spécialement conçu pour optimiser les images PNG ;
• esbuild-squoosh;
• image est un ancien projet JavaScript non maintenu qui vous permet d’optimiser les images par programmation.

Selon l’outil de construction ou le gestionnaire de tâches que vous utilisez, l’imagemin susmentionnée est probablement disponible en tant que plug-in pour l’outil de votre choix. Voici quelques plugins imagemin pour différents outils de build :

Enfin, si vous créez des applications natives nécessitant un traitement et une optimisation des images à la volée, voici quelques options de langage de programmation C :

• MozJPEG est un programme d’optimisation d’images JPEG, destiné à être utilisé comme bibliothèque dans des programmes graphiques, des outils de traitement d’images et des applications similaires ;
• jpegoptim est un utilitaire pour optimiser les fichiers JPEG ;
• libvips est une bibliothèque de traitement d’images.

Vous voudrez peut-être consulter d’autres outils et ressources pour l’optimisation des images. Ceux-ci ne relèvent pas nécessairement des catégories ci-dessus, mais ils peuvent correspondre à l’un de vos cas d’utilisation spécifiques.

• QDI
  Le format d’image Quite OK est un format d’image qui compresse sans perte les images à une taille similaire à PNG tout en offrant un encodage 20x-50x plus rapide et un décodage 3x-4x plus rapide.
• JXL
  Pas un outil mais un site communautaire centré sur le format d’image JPEG XL.
• UPNG.js
  Il s’agit du moteur PNG derrière la populaire application Photopea, un décodeur et encodeur PNG/APNG avancé qui offre une optimisation avec et sans perte.
• Optimus
  Une application de bureau native qui vous permet de compresser, d’optimiser et de convertir des images avec prise en charge des formats JPEG, PNG et WebP.
• ImageOptim
  Une application Mac et un plugin Sketch pour réduire la taille des fichiers image.
• pngcrush
  Un ancien outil de compression d’image qui peut être utilisé via la ligne de commande.
• Trimage
  Une application multiplateforme native et une interface de ligne de commande pour optimiser les images JPEG et PNG.
• PNGGantelet
  Une ancienne application native configurable pour Windows, Mac et Linux qui optimise PNG et convertit divers formats en PNG.
• PngyuName
  Une autre application native qui utilise pngquant pour l’optimisation PNG.

Conclusion

Si vous connaissez un autre outil pour optimiser différents formats d’image pour les applications Web, natives ou mobiles, n’hésitez pas à nous le faire savoir dans les commentaires. En attendant, j’espère que cette liste d’outils suffira à fournir tout ce dont vous avez besoin pour répondre à vos besoins d’optimisation d’image.

(vf, yk, il)