Претходно сам написао чланак о томе како да смањим величину сликовне датотеке  користећи уграђену опцију е-поште у Екплорер^(Explorer) -у или коришћењем десктоп програма под називом Имаге Ресизер^{(Image Resizer)} за Виндовс^(Windows) . Ово су добре опције, али постоји неколико других начина за оптимизацију слике. Такође, многи веб-сајтови ће вам рећи да користите Паинт^(Paint) , али сам открио да то није добар метод јер слике изгледају много горе.

Прво, важно је разумети да ће неке методе које се користе за смањење величине слике довести до слике нижег квалитета, што може бити добро за веб локацију, али не и за штампање. Ово се обично дешава када промените резолуцију слике, рецимо са 2560×1440 на 1920×1080.

Други начин да се смањи величина слике је компресија слике. Постоје две врсте компресије: без губитака и са губицима. Компресија без^(Lossless) губитака ће смањити величину слике без губитка једног пиксела оригиналне датотеке. Губитак^(Lossy) значи да ће неки подаци бити изгубљени.

Коначно, формат слике такође чини велику разлику у величини датотеке. Нормална слика коју снимите камером ће вероватно бити ЈПГ^(JPG) слика јер она добро функционише у смислу компресије. Међутим, слике са мало боја (256 боја или мање) биће много мање ако користите ГИФ^(GIF) . ПНГ^(PNG) је формат без губитака који се може веома компресовати. Добро ради за веб графику и сложене фотографије.

У овом чланку дајем неколико примера са снимцима екрана компресовања слике користећи више формата тако да можете видети разлике у величини и квалитету.

Како смањити величину слике

Хајде да започнемо разговором о томе како можете смањити величину слике без губитка квалитета. Ово ће вам дати најмању датотеку уз задржавање оригиналног квалитета слике. Очигледно, коришћење компресије са губицима ће вам дати много мање датотеке, као што ћете видети у примерима испод, али ћете изгубити нешто на квалитету.

Формат и компресија

Прво, почнимо са равном графиком у боји. Као пример, управо сам направио снимак екрана ХДГ^(HDG) веб странице (600×319) јер има мало боја и није сложен. Ево величина датотека у различитим форматима без компресије:

Оригинал ГИФ: 27 КБ

Оригинални ЈПЕГ: 67 КБ

Оригинал ПНГ: 68 КБ

Као што видите, ПНГ^(PNG) и ГИФ^(GIF) датотеке су дефинитивно оштрије од ЈПЕГ^(JPEG) . Као што је раније поменуто, ЈПЕГ^(JPEG) је бољи за фотографију. ГИФ^(GIF) овде добро функционише јер има само 27 КБ у поређењу са ПНГ^(PNG) -ом , који износи 68 КБ. Међутим, према мом искуству, ПНГ^(PNGs) -ови се много боље компресују ако је компресија са губицима и квалитет слике је и даље веома добар.

Када сам извршио компресију три без губитака, само су ЈПГ^(JPG) и ПНГ^(PNG) слике смањене у величини, али не много. ПНГ^(PNG) је отишао на 45 КБ, а ЈПГ^(JPG) на 58 КБ. Када сам извршио компресију са губицима, бројеви за ПНГ^(PNG) су били најимпресивнији.

ГИФ са губитком: 22 КБ

ЈПЕГ са губитком: 50 КБ

Губитак ПНГ: 23 КБ

Као што видите, ПНГ^(PNG) изгледа најбоље и само је 1 КБ већи од ГИФ^(GIF) -а ! Зато користим ПНГ^(PNG) слике на овој веб страници за већину својих снимака екрана. ЈПЕГ^(JPEG) ће обично бити бољи за фотографије са пуно боја. Али запамтите, ЈПГ^(JPG) је само 16-битни, док је ПНГ^(PNG) 24-битни, тако да ЈПГ^(JPG) подржава милионе боја, али ПНГ^(PNG) подржава неограничене боје.

ГИФ^(GIF) је смањен само за 5 КБ, али је у исто време изгубио доста квалитета. ЈПГ^(JPG) се није много компримовао, али ЈПГ-ови^(JPGs) се обично не компресују тако добро као ПНГ^(PNGs) -ови .

Можете да користите апликацију за фотографије да бисте променили формат слике да бисте видели која је величина најмања. За компресију, препоручујем коришћење онлајн алата јер раде одличан посао. Ја лично користим Кракен.ио^(Kraken.io) за своје веб странице, али постоје и друге добре као што су ТиниПНГ^(TinyPNG)  и Оптимизилла^{(Optimizilla)} .

Промените резолуцију слике

Главни начин да смањите слику је смањење резолуције слике. Ако имате датотеку величине 4000×2500, смањењем величине на 2000×1250 датотека ће бити упола мања. Очигледно ћете изгубити велики део оригиналне слике у подацима, али у зависности од ваше сврхе, то можда није важно.

Сваки програм за уређивање слика имаће начин да промените или промените величину слике. Овде можете променити ширину/висину или резолуцију, која је обично тачака по инчу ( ДПИ^(DPI) ) или пиксела по инчу ( ППИ^(PPI) ). Прочитајте овај сјајан чланак о разлици између ДПИ и ППИ^{(difference between DPI and PPI)} . За било шта на вебу, морате да бринете само о пикселима, а не о тачкама. Тачке^(Dots) ће утицати само на одштампане слике.

Тако, на пример, моја веб локација може имати само слике ширине до 680 пиксела. Стога^(Therefore) , увек мењам величину слике на 680 пиксела или ниже пре него што је отпремим јер ће у супротном Вордпрес^(WordPress) за мене променити величину на 680 пиксела, али ће величина датотеке бити већа него што треба.

Ако желите да разумете више о броју од 72 пиксела/инчу и опцији поновног узорковања, погледајте овај одличан пост^{(excellent post)} који иде у велике детаље.

Промените дубину/режим боје

У горњем примеру, ако имате слику са само неколико боја, онда не морате да користите формат слике који подржава милионе боја. У примеру моје веб странице, ГИФ^(GIF) треба да подржава само индексирану^(Indexed) боју и 8 бита/канал.

Можете одабрати РГБ^(RGB) боју и 16 бита/канал, али би слика изгледала потпуно исто, али би имала већу величину датотеке. Више о овим режимима боја^{(colors modes)} можете прочитати на Адобе-овој веб локацији. Поред Пхотосхопа^(Photoshop) , већина уређивача слика вам такође омогућава да промените дубину боје/режим за слику.

Изрежите слику

Још један једноставан начин да смањите величину слике је да је једноставно исечете! Све што је изрезано биће завршено уклоњено са слике. Без обзира коју слику имате, нормално је можете барем мало исећи, што ће свакако помоћи у смањењу величине.

И имајте на уму да обрезивање не мора да буде само оно типично где сечете ствари одозго/доле или лево/десно. СнагИт Едитор^{(SnagIt Editor)} , један од мојих омиљених, има алатку за изрезивање која вам омогућава да изрежете делове слика из средине слике хоризонтално или вертикално. Ово је корисније чешће него што мислите. Ево примера где морам да укључим снимак екрана Старт^(Start) менија док куцам команду.

Величина горње датотеке је првобитно била 22 КБ. Уместо да то користим, исекао сам средњи део, који ми није требао као што је приказано испод.

Нова величина датотеке је само 9 КБ! Све то чак ни без компресије или промене формата датотеке. Када сам га компримовао, смањио сам га на само 4,4 КБ. Дакле, обрезивање је важан начин да се смањи величина слике.

Надамо се да сте смањили величину своје слике и успут научили мало о томе како дигиталне слике функционишу! Ако имате било каквих питања, слободно коментаришите. Уживати!

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 іn Εxplorer or by using a desktop program called Image Reѕizer for Windows. These are good oрtіons, but there are several other ways to go about optimizing an image. Also, a lot of websites will tell you to use Paint, but I have found it’s nоt a good method becaυse 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

• Извезите, обришите и повећајте величину дневника догађаја у Виндовс-у

• Како да видите величину корисничких поштанских сандучића у Екцханге 2007

• Рецензија књиге - Водич за штреберке за Виндовс 8

• Инсталирање ГИМП додатака: Водич са упутствима

• Како преузети Гоогле Цхроме ван мреже (самостални) инсталациони програм

• Користите Нетстат да видите портове за слушање и ПИД у Виндовс-у

• Како свој рачунар претворити у ДЛНА медијски сервер

• Како претворити ИМГ датотеке у ИСО

• Како да користите свој Цхромебоок као други монитор

• Деинсталирајте и поново инсталирајте ИЕ у Виндовс 7

• Како да промените ССИД рутера и зашто бисте то требали

• Како претворити динамички диск у основни диск

• Како променити боју позадине на Гоогле документима

• 6 најбољих подешавања камере за фотографије Месеца

• Како користити Фирефок приватну мрежу да се заштитите на мрежи

• Коришћење веб интерфејса за пренос

• Како направити снимке екрана на Нинтендо Свитцх-у

• Како претворити ВЕБП слике у ЈПГ, ГИФ или ПНГ

• Како дигитализовати ДВД

• Како направити тим у Мицрософт тимовима