Predtým som napísal článok o tom, ako zmenšiť veľkosť súboru obrázka  pomocou vstavanej možnosti e-mailu v Prieskumníkovi^(Explorer) alebo pomocou programu pre stolné počítače s názvom Image Resizer pre Windows . Toto sú dobré možnosti, ale existuje niekoľko ďalších spôsobov, ako optimalizovať obrázok. Mnoho webových stránok vám tiež povie, aby ste použili program Paint , ale zistil som, že to nie je dobrý spôsob, pretože obrázky vyzerajú oveľa horšie.

Po prvé, je dôležité pochopiť, že niektoré metódy používané na zmenšenie veľkosti obrázka budú mať za následok nižšiu kvalitu obrázka, čo môže byť vhodné pre webové stránky, ale nie pre tlač. K tomu zvyčajne dochádza, keď zmeníte rozlíšenie obrázka, napríklad z 2560 × 1440 na 1920 × 1080.

Ďalším spôsobom, ako zmenšiť veľkosť obrázka, je kompresia obrázka. Existujú dva typy kompresie: bezstratová a stratová. Bezstratová^(Lossless) kompresia zníži veľkosť obrázka bez straty jediného pixelu pôvodného súboru. Strata^(Lossy) znamená, že dôjde k strate niektorých údajov.

Napokon, formát obrázka tiež robí veľký rozdiel vo veľkosti súboru. Bežný obrázok, ktorý nasnímate z fotoaparátu, bude pravdepodobne obrázok vo formáte JPG^(JPG) , pretože to funguje dobre z hľadiska kompresie. Avšak obrázky s malým počtom farieb (256 farieb alebo menej) budú oveľa menšie, ak použijete GIF . PNG je bezstratový formát, ktorý môže byť vysoko komprimovaný. Funguje dobre pre webovú grafiku a zložité fotografie.

V tomto článku uvádzam niekoľko príkladov so snímkami obrazovky kompresie obrázka pomocou viacerých formátov, aby ste videli rozdiely vo veľkosti a kvalite.

Ako zmenšiť veľkosť obrázka

Začnime rozprávaním o tom, ako môžete zmenšiť veľkosť obrázka bez straty kvality. Získate tak najmenší súbor pri zachovaní pôvodnej kvality obrazu. Je zrejmé, že použitie stratovej kompresie vám poskytne oveľa menšie súbory, ako uvidíte v príkladoch nižšie, ale stratíte určitú kvalitu.

Formát a kompresia

Najprv začnime s plochou farebnou grafikou. Ako príklad som práve urobil snímku obrazovky webovej stránky HDG (600 × 319), pretože má málo farieb a nie je zložitá. Tu sú veľkosti súborov v rôznych formátoch bez akejkoľvek kompresie:

Pôvodný GIF: 27 KB

Pôvodný JPEG: 67 KB

Pôvodný PNG: 68 KB

Ako vidíte, súbory PNG a GIF sú rozhodne ostrejšie ako JPEG . Ako už bolo spomenuté, na fotografovanie je lepší JPEG . GIF tu funguje dobre, pretože má iba 27 KB v porovnaní s PNG , čo je 68 KB. Podľa mojich skúseností sa však PNG^(PNGs) komprimujú oveľa lepšie, ak ide o stratovú kompresiu a kvalita obrazu je stále veľmi dobrá.

Keď som urobil bezstratovú kompresiu troch, iba obrázky JPG a PNG sa zmenšili, ale nie príliš. Veľkosť PNG bola 45 kB a veľkosť JPG^(JPG) 58 kB. Keď som urobil stratovú kompresiu, čísla pre PNG boli najpôsobivejšie.

Stratový GIF: 22 KB

Stratový JPEG: 50 KB

Stratový PNG: 23 KB

Ako môžete vidieť, PNG vyzerá najlepšie a je len o 1 KB väčší ako GIF ! To je dôvod, prečo používam obrázky PNG na tejto webovej stránke pre väčšinu svojich snímok obrazovky. JPEG bude zvyčajne vždy lepší pre fotografie s množstvom farieb. Pamätajte však, že JPG je iba 16-bitový, zatiaľ čo PNG je 24-bitový, takže JPG podporuje milióny farieb, ale PNG podporuje neobmedzené množstvo farieb.

GIF sa zmenšil len o 5 KB, no zároveň stratil veľa na kvalite. JPG sa príliš nekomprimoval, ale JPG^(JPGs) sa normálne nekomprimujú tak dobre ako PNG^(PNGs) .

Pomocou aplikácie pre fotografie môžete zmeniť formát obrázka, aby ste videli, ktorá veľkosť je najmenšia. Na kompresiu odporúčam používať online nástroje, pretože robia skvelú prácu. Osobne používam Kraken.io pre svoje webové stránky, ale existujú aj iné dobré, ako napríklad TinyPNG  a Optimizilla .

Zmeňte rozlíšenie obrázka

Hlavným spôsobom zmenšenia obrázka je zníženie rozlíšenia obrázka. Ak máte súbor s rozmermi 4 000 × 2 500, zmenšením veľkosti na 2 000 × 1 250 bude veľkosť súboru polovičná. Zjavne prídete o veľkú časť pôvodného obrázka v údajoch, ale v závislosti od vášho účelu na tom nemusí záležať.

Každý program na úpravu obrázkov bude mať spôsob, ako zmeniť alebo zmeniť veľkosť obrázka. Tu môžete zmeniť šírku/výšku alebo rozlíšenie, ktoré sú normálne body na palec ( DPI ) alebo pixely na palec ( PPI ). Prečítajte si tento skvelý článok o rozdieloch medzi DPI a PPI^{(difference between DPI and PPI)} . Pre čokoľvek na webe sa musíte starať iba o pixely, nie o bodky. Bodky^(Dots) ovplyvnia iba vytlačené obrázky.

Takže napríklad moja webová stránka môže mať obrázky do šírky 680 pixelov. Preto^(Therefore) vždy pred odovzdaním zmením veľkosť obrázka na 680 pixelov alebo menej, pretože inak mi WordPress zmení veľkosť na 680 pixelov, ale veľkosť súboru bude väčšia, ako je potrebné.

Ak chcete porozumieť viac o čísle 72 pixelov / palec a možnosti prevzorkovania, pozrite si tento vynikajúci príspevok^{(excellent post)} , ktorý ide do veľkých detailov.

Zmeňte farebnú hĺbku/režim

Ak vo vyššie uvedenom príklade máte obrázok s iba niekoľkými farbami, nemusíte použiť formát obrázka, ktorý podporuje milióny farieb. V mojom príklade webovej stránky musí GIF podporovať iba indexovanú^(Indexed) farbu a 8 bitov/kanál.

Môžete si vybrať farbu RGB a 16 bitov/kanál, ale obrázok bude vyzerať úplne rovnako, ale bude mať väčšiu veľkosť súboru. Viac o týchto farebných režimoch^{(colors modes)} si môžete prečítať na webovej stránke Adobe. Okrem Photoshopu^(Photoshop) vám väčšina obrázkových editorov umožňuje zmeniť aj farebnú hĺbku/režim obrázka.

Orezať obrázok

Ďalším jednoduchým spôsobom, ako zmenšiť veľkosť obrázka, je jednoducho ho orezať! Všetko, čo je orezané, bude z obrázka odstránené. Bez ohľadu na to, aký obrázok máte, normálne ho môžete aspoň trochu orezať, čo určite pomôže zmenšiť veľkosť.

A všimnite si, že orezanie nemusí byť len typické, kde vyrežete veci zhora/spodu alebo zľava/sprava. SnagIt Editor , jeden z mojich obľúbených, má nástroj na vystrihnutie, ktorý vám umožní vystrihnúť časti obrázkov zo stredu obrázka horizontálne alebo vertikálne. To sa hodí častejšie, ako by ste si mysleli. Tu je príklad, keď musím pri písaní príkazu zahrnúť snímku obrazovky ponuky Štart .^(Start)

Veľkosť vyššie uvedeného súboru bola pôvodne 22 kB. Namiesto toho som vyrezal strednú časť, ktorú som nepotreboval, ako je uvedené nižšie.

Nová veľkosť súboru je len 9 KB! To všetko bez akejkoľvek kompresie alebo zmeny formátu súboru. Keď som to skomprimoval, dostal som to len na 4,4 KB. Orezanie je teda dôležitý spôsob, ako zmenšiť veľkosť obrázka.

Dúfajme, že ste zmenšili veľkosť svojho obrázka a naučili ste sa niečo o tom, ako fungujú digitálne obrázky! Ak máte nejaké otázky, neváhajte ich komentovať. Užite si to!

How to Reduce the Size on an Image File

Рreviоuѕly, I wrote an articlе on how to reduce the size of an image file using the built-in email оption in Explorer or by using a deѕktop prоgram called Imagе Resizer for Windows. Τhese 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 Рaint, but I have found it’s not a good method becаuѕe the images look 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

• Exportovať, vymazať a zväčšiť veľkosť pre denníky udalostí v systéme Windows

• Ako zobraziť veľkosť poštových schránok používateľov na serveri Exchange 2007

• Recenzia knihy – Návod ako na to Geek Windows 8

• Inštalácia doplnkov GIMP: Návod ako na to

• Ako stiahnuť inštalátor prehliadača Google Chrome offline (samostatný).

• Ako obnoviť továrenské nastavenia konzoly Xbox One alebo Xbox Series X

• Ako udržiavať softvér počítača automaticky aktualizovaný

• Ako stiahnuť video z ľubovoľnej webovej stránky

• Ako nastaviť Master Pages v Adobe InDesign CC

• Ako opraviť, že AirDrop nefunguje z iPhone na Mac

• Ako zmeniť farbu pozadia v Dokumentoch Google

• Ako si zostaviť svoj vlastný laptop

• Vypnite kontrolu používateľských účtov (UAC) pre konkrétnu aplikáciu

• Ako udržať počítač so systémom Windows v bdelom stave bez dotyku myši

• Ako previesť obrázky WEBP na JPG, GIF alebo PNG

• Ako povoliť autentifikáciu Steam Guard

• Ako robiť snímky obrazovky na Nintendo Switch

• Ako aktualizovať Raspberry Pi

• Ako zakázať kľúč Windows

• Ako pridať hudbu do Prezentácií Google