Auparavant, j'ai écrit un article sur la façon de réduire la taille d'un fichier image  à l'aide de l'option de messagerie intégrée dans l' Explorateur^(Explorer) ou à l'aide d'un programme de bureau appelé Image Resizer pour Windows . Ce sont de bonnes options, mais il existe plusieurs autres façons d'optimiser une image. De plus, 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 étaient bien pires.

Tout d'abord, il est important de comprendre que certaines méthodes utilisées pour réduire la taille d'une image se traduiront par une image de qualité 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 à compresser l'image. Il existe deux types de compression : sans perte et avec perte. La compression sans^(Lossless) 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 de l'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 cela fonctionne bien en termes de compression. Cependant, les images avec peu de couleurs (256 couleurs ou moins) seront beaucoup plus petites si vous utilisez GIF . PNG est un format sans perte qui peut ê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 parler de la façon dont vous pouvez réduire la taille de l'image sans perdre en qualité. Cela vous donnera le plus petit fichier tout en conservant la qualité d'origine de l'image. De toute évidence, l'utilisation de la compression avec perte vous donnera des fichiers beaucoup plus petits, comme vous le verrez dans les exemples ci-dessous, mais vous perdrez en qualité.

Format et Compression

Tout d'abord, commençons par un graphique en couleurs plates. À titre d'exemple, je viens de prendre une capture d'écran du site Web HDG (600 × 319) car il a peu de couleurs et n'est pas complexe. Voici les tailles de fichiers dans les différents formats sans aucune compression :

GIF d'origine : 27 Ko

JPEG d'origine : 67 Ko

PNG d'origine : 68 Ko

Comme vous pouvez le constater, les fichiers PNG et GIF sont nettement plus nets que les JPEG . Comme mentionné précédemment, JPEG est meilleur pour la photographie. GIF fonctionne bien ici car il ne fait que 27 Ko par rapport au PNG , qui est de 68 Ko. Cependant, d'après mon expérience, les PNG se^(PNGs) compressent beaucoup mieux s'il s'agit d'une compression avec perte et que la qualité de l'image est toujours très bonne.

Lorsque j'ai effectué une compression sans perte des trois, seules les images JPG^(JPG) et PNG ont été réduites en taille, mais pas de beaucoup. Le PNG est passé à 45 Ko et le JPG à 58 Ko. Lorsque j'ai fait une compression avec perte, les chiffres pour PNG étaient les plus impressionnants.

GIF avec perte : 22 Ko

JPEG avec perte : 50 Ko

PNG avec perte : 23 Ko

Comme vous pouvez le voir, le PNG est le meilleur et il ne fait que 1 Ko de plus que le GIF ! C'est pourquoi j'utilise des images PNG sur ce site Web pour la plupart de mes captures d'écran. ^(PNG)JPEG sera toujours mieux pour les images photographiques avec beaucoup de couleurs. Mais rappelez-vous, JPG n'est que 16 bits, alors que PNG est 24 bits, donc 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 en même temps perdu beaucoup de qualité. Le JPG n'a pas beaucoup compressé, mais les JPG^(JPGs) ne se compressent normalement pas aussi bien que les PNG^(PNGs) .

Vous pouvez utiliser votre application photo pour modifier le format d'une image afin de voir quelle taille est 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 y en a d'autres bons comme TinyPNG  et Optimizilla .

Modifier la résolution de l'image

La principale façon de réduire une image est de réduire la résolution de l'image. Si vous avez un fichier de 4000 × 2500, réduire la taille à 2000 × 1250 réduira la taille du fichier de moitié. Vous perdrez évidemment une grande partie de l'image d'origine dans les données, mais selon votre objectif, cela peut ne pas avoir d'importance.

Chaque programme d'édition d'images vous permettra de modifier ou de redimensionner l'image. Ici, vous pouvez modifier la largeur/hauteur ou la résolution, qui est normalement en points par pouce ( DPI ) ou en pixels par pouce ( PPI ). Lisez cet excellent article sur la différence entre DPI et PPI^{(difference between DPI and PPI)} . Pour tout ce qui se trouve sur le Web, vous n'avez qu'à vous soucier des pixels, pas des points. Les points n'affecteront^(Dots) 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^(Therefore) , je redimensionne toujours une image à 680 pixels ou moins avant de la télécharger, car sinon WordPress la redimensionnera à 680 pixels 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^{(excellent post)} qui va dans les moindres détails.

Modifier la profondeur/le mode de couleur

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 qui prend en charge des millions de couleurs. Dans mon exemple de page Web, le GIF doit uniquement prendre en charge la couleur indexée^(Indexed) et 8 bits/canal.

Vous pouvez choisir la couleur RVB^(RGB) et 16 bits/canal, mais l'image aurait exactement la même apparence, mais avec une taille de fichier plus grande. Vous pouvez en savoir plus sur ces modes de couleurs^{(colors modes)} sur le site Web d'Adobe. En plus de Photoshop , la plupart des éditeurs d'images vous permettent également de modifier la profondeur/le mode de couleur d'une image.

Recadrer l'image

Un autre moyen simple de réduire la taille d'une image consiste simplement à la recadrer ! Tout ce qui est recadré 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 recadrage ne doit pas seulement être celui typique où vous découpez des éléments du haut/du bas ou de la gauche/de la droite. L'éditeur SnagIt^{(SnagIt Editor)} , l'un de mes favoris, dispose d'un outil de découpe qui vous permet de découper des parties d'images du milieu d'une image horizontalement ou verticalement. Cela est pratique plus souvent que vous ne le pensez. Voici un exemple où je dois inclure une capture d'écran du menu Démarrer^(Start) 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, 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 de compression ou changer le format de fichier. Une fois que je l'ai compressé, je l'ai réduit à 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 appris un peu le fonctionnement des images numériques en cours de route ! Si vous avez des questions, n'hésitez pas à commenter. Profitez!

How to Reduce the Size on an Image File

Previously, I wrote an article on how to reduce the ѕize of an image file using the built-in email option in Explorer or by using a desktop program called Image Resizer for Windows. These are good options, but there аre sеveral other ways to gо about optimizing an image. Also, a lot оf websitеs will tell you to use Paint, but I have found it’s not a good mеthod because the images lоok way worse.

Firstly, it’s important to understand that some methods used to reduce the size of an image will result in a lower quality picture, which may be fine for a website, but not for printing. This usually occurs when you change the resolution of a picture, say from 2560×1440 to 1920×1080.

Another way to reduce the size of an image is to compress the image. There are two types of compression: lossless and lossy. Lossless compression will reduce the size of the image without losing a single pixel of the original file. Lossy means that some data will be lost.

Finally, the picture format also makes a big difference in the size of the file. A normal picture you take from your camera will probably be a JPG image because that works well in terms of compression. However, images with few colors (256 colors or less) will be a lot smaller if you use GIF. PNG is a lossless format that can be highly compressed. It works well for web graphics and complex photographs.

In this article, I give a few examples with screenshots of compressing an image using multiple formats so you can see the size and quality differences.

How to Reduce Image Size

Let’s start off by talking about how you can reduce the size of the image without losing quality. This will give you the smallest file while keeping the original quality of the image. Obviously, using lossy compression will give you much smaller files, as you’ll see in the examples below, but you’ll lose some quality.

Format & Compression

First, let’s start with a flat color graphic. As an example, I just took a screenshot of the HDG website (600×319) since it has few colors and isn’t complex. Here are the files sizes in the different formats without any compression:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

As you can see, the PNG and GIF files are definitely sharper than the JPEG. As mentioned earlier, JPEG is better for photography. GIF does well here as it’s only 27 KB compared to the PNG, which is 68 KB. However, in my experience, PNGs compress much better if it’s a lossy compression and the image quality is still very good.

When I did a lossless compression of the three, only the JPG and PNG images got reduced in size, but not by much. The PNG went to 45 KB and the JPG went to 58 KB. When I did a lossy compression, the numbers for PNG were the most impressive.

Lossy GIF: 22 KB

Lossy JPEG: 50 KB

Lossy PNG: 23 KB

As you can see, the PNG looks the best and it’s only 1 KB bigger than the GIF! That’s why I use PNG images on this website for most of my screenshots. JPEG will always normally be better for photography images with lots of colors. But remember, JPG is only 16-bit, whereas PNG is 24-bit, so JPG supports millions of colors, but PNG supports unlimited colors.

The GIF only reduced by 5 KB, but at the same time lost a lot of quality. The JPG didn’t compress much, but JPGs normally don’t compress as well as PNGs do.

You can use your photo app to change the format for an image to see which size is smallest. For compression, I recommend using online tools as they do a great job. I personally use Kraken.io for my websites, but there are other good ones out there like TinyPNG and Optimizilla.

Change Image Resolution

The main way to shrink an image is to lower the picture resolution. If you have a file that is 4000×2500, then reducing the size to 2000×1250 will make the file half the size. You’ll obviously be losing a large chunk of the original image in the data, but depending on your purpose, it may not matter.

Every image editing program will have a way for you to change or resize the image. Here you can change the width/height or the resolution, which is normally dots per inch (DPI) or pixels per inch (PPI). Read this great article on the difference between DPI and PPI. For anything on the web, you only have to worry about pixels, not dots. Dots will only effect printed images.

So, for example, my website can only have images up to 680 pixels wide. Therefore, I always resize an image to 680 pixels or lower before uploading it because otherwise WordPress will resize it to 680px for me, but the file size will be larger than it needs to be.

If you want to understand more about the 72 pixels/inch number and the resample option, check out this excellent post that goes into great detail.

Change Color Depth/Mode

In the example above, if you have an image with only few colors, then you don’t need to use an image format that supports millions of colors. In my webpage example, the GIF only needs to support Indexed color and 8 bits/channel.

You can choose RGB color and 16 bits/channel, but the image would look exactly the same, but have a larger file size. You can read more about these colors modes on Adobe’s website. In addition to Photoshop, most image editors also let you change the color depth/mode for an image.

Crop Image

Another easy way to reduce the size of an image is to simply crop it! Anything that is cropped out will be completed removed from the image. No matter what image you have, you can normally crop it a little bit at least, which will definitely help reduce the size.

And note that a crop doesn’t just have to be the typical one where you cut out stuff from the the top/bottom or left/right. SnagIt Editor, one of my favorites, has a cut out tool that lets you cut out parts of images from the middle of an image horizontally or vertically. This comes in handy way more often than you would think. Here’s an example where I have to include a screenshot of the Start menu while typing a command.

The above file size was originally 22 KB in size. Instead of using that, I cut out the middle portion, which I didn’t need as shown below.

The new file size is just 9 KB! All that without even doing any compression or changing the file format. Once I compressed it, I got it down to only 4.4 KB. So cropping is an important way to reduce the size of an image.

Hopefully, you reduced the size of your image and learned a little bit about how digital images work along the way! If you have any questions, feel free to comment. Enjoy!

Related posts

• Exporter, effacer et augmenter la taille des journaux d'événements dans Windows

• Comment afficher la taille des boîtes aux lettres des utilisateurs dans Exchange 2007

• Critique de livre - Le guide pratique du geek sur Windows 8

• Installation des plugins GIMP : un guide pratique

• Comment télécharger le programme d'installation de Google Chrome hors ligne (autonome)

• Comment maintenir le logiciel de votre PC à jour automatiquement

• Comment créer une équipe dans Microsoft Teams

• Désinstaller et réinstaller IE dans Windows 7

• Comment effectuer un test de stress CPU

• Comment protéger un PDF par mot de passe pour le garder en sécurité

• Utilisez Netstat pour voir les ports d'écoute et le PID dans Windows

• Comment réinitialiser les paramètres d'usine d'une Xbox One ou d'une Xbox Series X

• Comment faire des captures d'écran sur Nintendo Switch

• Comment scanner un code QR sur iPhone et Android

• Comment ouvrir des fichiers DDS dans Windows 10

• Comment numériser des DVD

• Comment utiliser votre Chromebook comme deuxième moniteur

• Comment changer la couleur d'arrière-plan sur Google Docs

• Comment utiliser le réseau privé de Firefox pour vous protéger en ligne

• Comment supprimer le dossier Windows.old dans Windows 7/8/10