Auparavant, j'avais écrit un article sur la réduction de la taille d'un fichier image à l'aide de l'option de courrier électronique intégrée à l'Explorateur ou à l'aide d'un programme de bureau appelé Image Resizer pour Windows. Ce sont de bonnes options, mais il existe plusieurs autres moyens d'optimiser une image. En outre, de nombreux sites Web vous diront d’utiliser Paint, mais j’ai trouvé que ce n’était pas une bonne méthode car les images paraissaient bien pires.
Tout d'abord, il est important de comprendre que certaines méthodes utilisées pour réduire la taille d'une image entraîneront une qualité d'image inférieure, ce qui peut convenir à un site Web, mais pas à l'impression. Cela se produit généralement lorsque vous modifiez la résolution d'une image, par exemple de 2560 × 1440 à 1920 × 1080.
Une autre façon de réduire la taille d'une image consiste à la compresser. Il existe deux types de compression: sans perte et avec perte. La compression sans perte réduira la taille de l'image sans perdre un seul pixel du fichier d'origine. Lossy signifie que certaines données seront perdues.
Enfin, le format d'image fait également une grande différence dans la taille du fichier. Une image normale que vous prenez avec votre appareil photo sera probablement une image JPG car elle fonctionne bien en termes de compression. Toutefois, les images avec peu de couleurs (256 couleurs ou moins) seront beaucoup plus réduites si vous utilisez le format GIF. Le format PNG est un format sans perte pouvant être fortement compressé. Cela fonctionne bien pour les graphiques Web et les photographies complexes.
Dans cet article, je donne quelques exemples avec des captures d'écran de la compression d'une image à l'aide de plusieurs formats afin que vous puissiez voir les différences de taille et de qualité.
Comment réduire la taille de l'image
Commençons par expliquer comment vous pouvez réduire la taille de l'image sans perte de qualité. Cela vous donnera le plus petit fichier tout en conservant la qualité originale de l'image. Évidemment, utiliser une compression avec perte vous donnera des fichiers beaucoup plus petits, comme vous le verrez dans les exemples ci-dessous, mais vous perdrez un peu de qualité.
Format et compression
Commençons par un graphique plat. Par exemple, je viens de prendre une capture d'écran du site Web HDG (600 × 319) car il contient peu de couleurs et n'est pas complexe. Voici les tailles de fichiers dans les différents formats sans aucune compression:
Original GIF: 27 KB
JPEG d'origine: 67 Ko
Fichier PNG original: 68 KB
Comme vous pouvez le constater, les fichiers PNG et GIF sont nettement plus nets que les fichiers JPEG. Comme mentionné précédemment, JPEG est préférable pour la photographie. Le format GIF fonctionne bien ici, car il ne représente que 27 Ko par rapport au PNG, qui est de 68 Ko. Cependant, d'après mon expérience, les PNG se compressent beaucoup mieux s'il s'agit d'une compression avec pertes et que la qualité d'image est toujours très bonne.
Lorsque j'ai fait une compression sans perte des trois, seules les images JPG et PNG ont été réduites en taille, mais pas de beaucoup. Le PNG est passé à 45 KB et le JPG à 58 KB. Quand j'ai fait une compression avec pertes, les chiffres pour PNG étaient les plus impressionnants.
Lossy GIF: 22 KB
Perte JPEG: 50 Ko
Lossy PNG: 23 KB
Comme vous pouvez le constater, le format PNG semble le meilleur et sa taille n'est que de 1 Ko supérieure à celle du GIF! C'est pourquoi j'utilise des images PNG sur ce site Web pour la plupart de mes captures d'écran. JPEG sera normalement toujours meilleur pour photographier des images avec beaucoup de couleurs. Mais rappelez-vous, JPG n’est que 16 bits, alors que PNG est 24 bits. JPG prend en charge des millions de couleurs, mais PNG prend en charge des couleurs illimitées.
Le GIF n'a été réduit que de 5 Ko, mais a également perdu beaucoup de qualité. Le format JPG ne compresse pas beaucoup, mais les fichiers JPG ne se compressent généralement pas aussi bien que les fichiers PNG.
Vous pouvez utiliser votre application photo pour modifier le format d'une image afin de déterminer la taille la plus petite. Pour la compression, je recommande d'utiliser des outils en ligne, car ils font un excellent travail. Personnellement, j’utilise Kraken.io pour mes sites Web, mais il existe d’autres bonnes comme TinyPNG et Optimizilla.
Changer la résolution de l'image
Le principal moyen de réduire une image consiste à réduire sa résolution. Si vous avez un fichier au format 4000 × 2500, réduire la taille à 2000 × 1250 réduira la taille du fichier de moitié. Vous allez évidemment perdre une grande partie de l'image d'origine dans les données, mais selon votre objectif, cela n'a peut-être pas d'importance.
Chaque programme d’édition d’images aura un moyen de changer ou de redimensionner l’image. Ici, vous pouvez modifier la largeur / hauteur ou la résolution, ce qui correspond normalement à points par pouce (DPI) ou pixels par pouce (PPI). Lisez cet article sur la différence entre DPI et PPI. Pour tout ce qui est sur le Web, il suffit de se préoccuper des pixels, pas des points. Les points n'affecteront que les images imprimées.
Ainsi, par exemple, mon site Web ne peut contenir que des images d’une largeur maximale de 680 pixels. Par conséquent, je redimensionne toujours une image à 680 pixels ou moins avant de la télécharger car sinon WordPress la redimensionnera à 680px pour moi, mais la taille du fichier sera plus grande que nécessaire.
Si vous voulez en savoir plus sur le nombre de 72 pixels / pouce et l'option de rééchantillonnage, consultez cet excellent article qui donne beaucoup de détails.
Changer la profondeur de couleur / mode
Dans l'exemple ci-dessus, si vous avez une image avec seulement quelques couleurs, vous n'avez pas besoin d'utiliser un format d'image prenant en charge des millions de couleurs. Dans mon exemple de page Web, le format GIF ne doit prendre en charge que les couleurs indexées et 8 bits / canal.
Vous pouvez choisir une couleur RVB et 16 bits / canal, mais l’image aura exactement le même aspect, mais sa taille de fichier sera plus grande. Vous pouvez en savoir plus sur ces modes de couleurs sur le site Web d'Adobe. En plus de Photoshop, la plupart des éditeurs d’images vous permettent également de modifier la profondeur de couleur / le mode d’une image.
Crop Image
Un autre moyen simple de réduire la taille d'une image consiste à le rogner! Tout ce qui est rogné sera complètement supprimé de l'image. Quelle que soit l’image que vous avez, vous pouvez normalement la recadrer un peu au moins, ce qui aidera certainement à réduire la taille.
Et notez qu'un rognage ne doit pas simplement être celui typique où vous coupez des éléments en haut / en bas ou à gauche / à droite.SnagIt Editor, l’un de mes favoris, dispose d’un outil de découpe qui vous permet de découper des parties d’une image à partir du milieu d’une image horizontalement ou verticalement. Cela est pratique bien plus souvent que vous ne le pensez. Voici un exemple où je dois inclure une capture d'écran du menu Démarrer lors de la saisie d'une commande.
La taille du fichier ci-dessus était à l'origine de 22 Ko. Au lieu de l'utiliser, j'ai découpé la partie centrale, ce dont je n'avais pas besoin, comme indiqué ci-dessous.
La nouvelle taille de fichier n'est que de 9 Ko! Tout cela sans même faire aucune compression ou changer le format de fichier. Une fois que je l'ai compressé, je l'ai obtenu à seulement 4,4 Ko. Le recadrage est donc un moyen important de réduire la taille d'une image.
J'espère que vous avez réduit la taille de votre image et que vous en avez appris un peu plus sur le fonctionnement des images numériques! Si vous avez des questions, n'hésitez pas à commenter. Prendre plaisir!