In precedenza, ho scritto un articolo su come ridurre le dimensioni di un file immagine  utilizzando l'opzione e-mail integrata in Explorer o utilizzando un programma desktop chiamato Image Resizer per Windows . Queste sono buone opzioni, ma ci sono molti altri modi per ottimizzare un'immagine. Inoltre, molti siti Web ti diranno di usare Paint , ma ho scoperto che non è un buon metodo perché le immagini sembrano molto peggiori.

In primo luogo, è importante capire che alcuni metodi utilizzati per ridurre le dimensioni di un'immagine risulteranno in un'immagine di qualità inferiore, il che potrebbe andare bene per un sito Web, ma non per la stampa. Questo di solito si verifica quando si modifica la risoluzione di un'immagine, diciamo da 2560×1440 a 1920×1080.

Un altro modo per ridurre le dimensioni di un'immagine è comprimere l'immagine. Esistono due tipi di compressione: lossless e lossy. La compressione senza perdita^(Lossless) di dati ridurrà le dimensioni dell'immagine senza perdere un singolo pixel del file originale. Lossy significa che alcuni dati andranno persi.

Infine, anche il formato dell'immagine fa una grande differenza nella dimensione del file. Un'immagine normale che scatti dalla tua fotocamera sarà probabilmente un'immagine JPG perché funziona bene in termini di compressione. Tuttavia, le immagini con pochi colori (256 colori o meno) saranno molto più piccole se usi GIF . PNG è un formato senza perdita di dati che può essere altamente compresso. Funziona bene per grafica web e fotografie complesse.

In questo articolo, fornisco alcuni esempi con schermate di compressione di un'immagine utilizzando più formati in modo da poter vedere le differenze di dimensioni e qualità.

Come ridurre le dimensioni dell'immagine

Iniziamo parlando di come è possibile ridurre le dimensioni dell'immagine senza perdere la qualità. Questo ti darà il file più piccolo mantenendo la qualità originale dell'immagine. Ovviamente, l'utilizzo della compressione con perdita di dati ti darà file molto più piccoli, come vedrai negli esempi seguenti, ma perderai un po' di qualità.

Formato e compressione

Innanzitutto, iniziamo con una grafica a colori piatti. Ad esempio, ho appena fatto uno screenshot del sito Web HDG (600×319) poiché ha pochi colori e non è complesso. Ecco le dimensioni dei file nei diversi formati senza alcuna compressione:

GIF originale: 27 KB

JPEG originale: 67 KB

PNG originale: 68 KB

Come puoi vedere, i file PNG e GIF sono decisamente più nitidi del JPEG . Come accennato in precedenza, JPEG è migliore per la fotografia. GIF funziona bene qui in quanto è solo 27 KB rispetto al PNG , che è 68 KB. Tuttavia, secondo la mia esperienza, i PNG^(PNGs) si comprimono molto meglio se si tratta di una compressione con perdita e la qualità dell'immagine è ancora molto buona.

Quando ho eseguito una compressione senza perdita dei tre, solo le immagini JPG e PNG sono state ridotte di dimensioni, ma non di molto. Il PNG è arrivato a 45 KB e il JPG è arrivato a 58 KB. Quando ho eseguito una compressione con perdita, i numeri per PNG erano i più impressionanti.

GIF con perdita: 22 KB

JPEG con perdita: 50 KB

PNG con perdita: 23 KB

Come puoi vedere, il PNG sembra il migliore ed è solo 1 KB più grande della GIF ! Ecco perché utilizzo le immagini PNG su questo sito Web per la maggior parte dei miei screenshot. JPEG sarà normalmente sempre migliore per le immagini fotografiche con molti colori. Ma ricorda, JPG è solo a 16 bit, mentre PNG è a 24 bit, quindi JPG supporta milioni di colori, ma PNG supporta colori illimitati.

La GIF si è ridotta solo di 5 KB, ma allo stesso tempo ha perso molta qualità. Il JPG non si è compresso molto, ma normalmente i JPG^(JPGs) non si comprimono così come i PNG^(PNGs) .

Puoi usare la tua app per foto per cambiare il formato di un'immagine per vedere quale dimensione è più piccola. Per la compressione, consiglio di utilizzare strumenti online poiché fanno un ottimo lavoro. Personalmente uso Kraken.io per i miei siti Web, ma ce ne sono altri buoni là fuori come TinyPNG  e Optimizilla .

Cambia la risoluzione dell'immagine

Il modo principale per ridurre un'immagine è ridurre la risoluzione dell'immagine. Se si dispone di un file di 4000 × 2500, la riduzione delle dimensioni a 2000 × 1250 renderà il file dimezzato. Ovviamente perderai una grossa fetta dell'immagine originale nei dati, ma a seconda del tuo scopo, potrebbe non avere importanza.

Ogni programma di modifica delle immagini avrà un modo per modificare o ridimensionare l'immagine. Qui puoi modificare la larghezza/altezza o la risoluzione, che normalmente è punti per pollice ( DPI ) o pixel per pollice ( PPI ). Leggi questo fantastico articolo sulla differenza tra DPI e PPI^{(difference between DPI and PPI)} . Per qualsiasi cosa sul Web, devi solo preoccuparti dei pixel, non dei punti. I punti influiranno^(Dots) solo sulle immagini stampate.

Quindi, ad esempio, il mio sito Web può avere solo immagini larghe fino a 680 pixel. Pertanto^(Therefore) , ridimensiono sempre un'immagine a 680 pixel o meno prima di caricarla perché altrimenti WordPress la ridimensionerà a 680px per me, ma la dimensione del file sarà maggiore del necessario.

Se vuoi saperne di più sul numero di 72 pixel/pollice e sull'opzione di ricampionamento, dai un'occhiata a questo eccellente post^{(excellent post)} che va nei minimi dettagli.

Modifica profondità/modalità colore

Nell'esempio sopra, se si dispone di un'immagine con pochi colori, non è necessario utilizzare un formato immagine che supporti milioni di colori. Nel mio esempio di pagina web, la GIF deve supportare solo il colore indicizzato^(Indexed) e 8 bit/canale.

Puoi scegliere il colore RGB e 16 bit/canale, ma l'immagine sembrerebbe esattamente la stessa, ma avrà una dimensione del file maggiore. Puoi leggere di più su queste modalità colori^{(colors modes)} sul sito Web di Adobe. Oltre a Photoshop , la maggior parte degli editor di immagini ti consente anche di modificare la profondità/modalità del colore per un'immagine.

Ritaglia l'immagine

Un altro modo semplice per ridurre le dimensioni di un'immagine è semplicemente ritagliarla! Tutto ciò che viene ritagliato verrà rimosso dall'immagine. Indipendentemente dall'immagine che hai, normalmente puoi ritagliarla almeno un po', il che aiuterà sicuramente a ridurre le dimensioni.

E nota che un ritaglio non deve essere solo quello tipico in cui tagli le cose dall'alto/basso o da sinistra/destra. SnagIt Editor , uno dei miei preferiti, ha uno strumento di ritaglio che ti consente di ritagliare parti di immagini dal centro di un'immagine orizzontalmente o verticalmente. Questo torna utile più spesso di quanto pensi. Ecco un esempio in cui devo includere uno screenshot del menu Start durante la digitazione di un comando.

La dimensione del file sopra era originariamente di 22 KB. Invece di usarlo, ho ritagliato la parte centrale, che non mi serviva come mostrato di seguito.

La nuova dimensione del file è di soli 9 KB! Tutto ciò senza nemmeno eseguire alcuna compressione o modificare il formato del file. Una volta compresso, l'ho ridotto a soli 4,4 KB. Quindi il ritaglio è un modo importante per ridurre le dimensioni di un'immagine.

Si spera che tu abbia ridotto le dimensioni della tua immagine e imparato un po' su come funzionano le immagini digitali lungo il percorso! Se avete domande, sentitevi liberi di commentare. Divertiti!

How to Reduce the Size on an Image File

Previously, I wrote an article on how to reduce the size of an image file using thе built-in email optiоn in Explorer or by using a desktop program called Image Resizer for Windows. These are good options, but there are several other ways to go about optimizing an іmage. Also, a lot of websites will tell you to use Paіnt, but I have found it’s not a good method because the images look wаy worѕe.

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

• Esporta, cancella e aumenta le dimensioni per i registri eventi in Windows

• Come visualizzare la dimensione delle cassette postali degli utenti in Exchange 2007

• Recensione del libro - La guida pratica per geek a Windows 8

• Installazione dei plugin GIMP: una guida pratica

• Come scaricare il programma di installazione offline (autonomo) di Google Chrome

• Come scansionare un codice QR su iPhone e Android

• Come aprire un file JAR su Windows

• Come eliminare la cartella Windows.old in Windows 7/8/10

• Utilizzo dell'interfaccia web di trasmissione

• Come impostare le pagine master in Adobe InDesign CC

• Come visualizzare le pagine e i file memorizzati nella cache dal browser

• 8 delle migliori idee tecnologiche per far fronte all'autoisolamento

• Come mantenere sveglio il tuo PC Windows senza toccare il mouse

• Come convertire le immagini WEBP in JPG, GIF o PNG

• Come creare un team in Microsoft Teams

• Come cambiare il colore di sfondo su Google Docs

• Come SSH o SFTP nel tuo Raspberry Pi

• Come utilizzare la rete privata di Firefox per proteggersi online

• Come scansionare più pagine in un unico file PDF

• Come convertire i file IMG in ISO