Avec les écrans Full HD maintenant au standard minimum et même les smartphones bon marché dotés d'au moins cinq mégapixels, il est facile d'oublier à quel point la taille de l'image est importante sur le Web. Lorsque quelqu'un crée un site Web, il est extrêmement important de prendre en compte la bande passante.
Bien qu'une grande image haute résolution ne pose pas de problème pour une connexion haut débit moderne, le remplissage de votre site avec des ressources de haute qualité peut transformer l'expérience de navigation en un véritable obstacle. En plus de cela, vous devez également payer les coûts d'hébergement excessifs!
Les webmasters ne sont pas les seuls à devoir traiter des images trop grandes. Si vous avez essayé d'envoyer des photos par courrier électronique à quelqu'un, la taille totale de cet e-mail peut constituer un choc lorsque vous devez envoyer dix ou vingt clichés par la poste. C'est pourquoi l'optimiseur d'image en ligne est votre meilleur ami lorsque vous souhaitez télécharger, partager ou héberger des images.
Ce sont quatre de nos optimiseurs d’images en ligne préférés, avec une option bonus hors ligne incluse pour les cas de coupure de connexion Internet, mais vos délais sont indifférents! Assurez-vous également de lire notre précédent article sur d’autres moyens de réduire la taille de l’image.
Configuration du test d'image
Avant d’entrer dans chaque compresseur d’image, je veux configurer la façon dont nous avons effectué notre test. Ce n'est pas très scientifique ou étendue; c'est juste une série de compressions par différents moteurs de compression et c'est tout.
Pour montrer la différence du format de fichier en termes de compression, nous avons utilisé une image JPG et une image PNG. Parfois, vous pouvez compresser votre image beaucoup mieux si vous la sauvegardez sous un format différent. Les images JPG conviennent mieux aux images de personnes, de lieux, de choses «réelles», etc.
Les images PNG conviennent mieux aux icônes, au texte, aux captures d'écran de Windows sur votre bureau, etc. Voici notre image originale en JPG (91 Ko):
Et voici notre image PNG originale (26 Ko):
Kraken.io
La meilleure caractéristique de Kraken.io est le fait qu'il nous donne une excuse pour crier «libérez le kraken!» À chaque fois que nous l'utilisons, mais à part cela, c'est l'une des solutions les plus rapides que nous avons essayées et assez simple à utiliser.
Il existe plusieurs niveaux payants du produit, qui diffèrent principalement par le nombre de gigaoctets de données que vous pouvez traiter par mois. L’interface Web gratuite et rapide ne vous permet pas de redimensionner les images ni d’utiliser d’autres fonctionnalités «Pro», mais c’est un simple outil de glisser-déposer que nous pourrions comprendre en quelques secondes seulement.
Mieux encore, vous pouvez mettre en file d'attente plusieurs fichiers à la fois pour un traitement rapide par lots.
Vous pouvez également importer facilement des images depuis Google Drive ou Dropbox en un clic. Lors de notre test, Kraken a réduit la taille de notre image JPG d’environ 15% (78 Ko) et notre image PNG d’environ 61% (10 Ko).
Voici l'image JPG après la publication du kraken:
Il y a une perte de qualité, mais l'image est toujours aussi belle et votre site Web sera plus simple grâce à l'optimisation. Voici l'image PNG après compression:
La qualité du fichier PNG compressé est presque identique à celle de l’original, c’est pourquoi j’aime utiliser autant que possible le format PNG en raison de sa capacité à être fortement compressé sans perdre autant en qualité.
Utilisez Kraken.io à kraken.io.
Compressor.io
Compressor promet une réduction drastique de la taille du fichier. "Jusqu'à 90%" dans certains cas. Bien que la plupart des images n'obtiennent pas ce type de performances, Compressor est un bon choix si vous privilégiez la taille de fichier absolue aux détails les plus fins.
L'interface est attrayante et facile à utiliser. Il est également intéressant de pouvoir enregistrer une image directement sur votre Google Drive ou votre DropBox sans la télécharger au préalable sur votre ordinateur. Un inconvénient, cependant, est le fait qu'une seule image peut être traitée à la fois.
En utilisant Compressor sur notre image test, il y avait effectivement une réduction très agressive de 28% de la taille de l’image pour l’image JPG (66 Ko).
Pour l’image PNG, la taille de l’image a été réduite d’environ 67%, jusqu’à environ 8 ko. Ceci est très proche de ce que Kraken a pu faire également.
Dans quelle mesure cela at-il affecté la qualité de l’image? Voici la version Compressor du JPG pour comparaison.
Comme vous pouvez le constater, une quantité importante de bruit est ajoutée à l'image. C'est donc une meilleure taille de fichier, mais avec moins de qualité. Vous devrez essayer vos images sur différents sites pour en trouver une qui offre un bon équilibre entre réduction de la taille et qualité d'image.
L'image PNG du compresseur ressemblait exactement à celle de Kraken, je ne l'inclus donc pas ici.
Utilisez Compressor.io sur compress.io
Optimizilla
Optimizilla obtient des points d’attrait instantanés pour sa mascotte de cure, mais elle promet également une approche équilibrée de l’optimisation de l’image. En plus de cela, vous pouvez mettre en file d'attente jusqu'à vingt images. Optimizilla possède également une interface très puissante.
Optimizilla vous permet de définir des niveaux de qualité individuels pour vos images. Vous pouvez facilement régler cela avec un curseur et prévisualiser également l'image obtenue par rapport à l'original.
Cela signifie que vous n'avez pas à télécharger le fichier fini à plusieurs reprises jusqu'à ce que vous soyez satisfait de la qualité.
Par défaut, nous avons obtenu une réduction de 23% de la taille du fichier JPG (70 Ko). La taille JPG est supérieure à celle du compresseur, mais inférieure à celle de Kraken. La qualité est bien meilleure que celle du compresseur et comparable à celle de Kraken.
La PNG a été réduite de 64% et il était à nouveau presque impossible de la distinguer de l'originale. Cela ressemblait également à toutes les autres versions compressées jusqu'à présent.
Vous pouvez utiliser Optimizilla sur imagecompressor.com.
ImageSmaller
ImageSmaller est un autre bon outil de compression en ligne qui permet d'obtenir des résultats corrects, même si vous ne pouvez traiter qu'une image à la fois.
Dans notre cas, nous avons obtenu une réduction impressionnante de 54% de la taille du fichier pour notre fichier JPG, avec une perte de qualité décente. L'image est toujours utilisable si vous la publiez en ligne ou à des fins causales, mais il y a trop de bruit pour pouvoir être utilisée de toute autre manière.
Encore une fois, la PNG a été réduite d'environ 65% et était exactement la même que les autres résultats.
Une alternative hors ligne: RIOT
Bien que ces quatre optimiseurs d'image nécessitent une connexion Internet fonctionnelle, ce n'est pas toujours possible. C'est donc une bonne idée de disposer d'une application hors ligne en tant que sauvegarde ou dans des circonstances qui rendent l'optimisation en ligne moins qu'idéale.
Vous devez peut-être traiter un grand nombre d'images ou ne pas télécharger certaines images pour des raisons de confidentialité.
Quelle que soit la raison pour laquelle vous devez utiliser un client hors ligne, nous aimons particulièrement RIOT ou Radical Image Optimization Tool . Ce logiciel gratuit peut pratiquement tout faire, tout en étant assez facile à utiliser.
Il a un mode de suggestion automatique intéressant. Faites glisser l’image et suggérez un niveau de compression approprié.
En utilisant le réglage automatique, nous obtenons une réduction de 28% de la taille de l’image (66 Ko). Voici l'image, après avoir été traitée par RIOT. Comme avec Compressor, la taille est plus petite, mais le niveau de bruit est très élevé.
Une autre chose à noter à propos de RIOT est que le logiciel est livré avec un mode de conversion par lots. Vous pouvez donc mettre en file d'attente autant d'images que votre ordinateur peut en gérer, puis le laisser pour continuer à travailler. Un gros avantage sur la plupart des solutions en ligne gratuites!
Vous pouvez télécharger RIOT à l'adresse luci.criosweb.ro/riot/.
Aussi facile que 1, 2, 3
Grâce à ces outils d’optimisation d’images, votre site Web se chargera plus rapidement, économisera de l’espace sur votre serveur Web ou enverra des photos gérables à vos amis et à votre famille.
Il est rapide et facile de réduire les images suralimentées en une image plus agréable. Vous n'avez même pas besoin de mettre de l'argent non plus. Voilà une bonne affaire, peu importe la façon dont vous le regardez! Prendre plaisir!
