По- рано написах статия за това как да намалите размера на файл с изображение,  като използвате вградената опция за имейл в Explorer или с помощта на настолна програма, наречена Image Resizer за Windows . Това са добри опции, но има няколко други начина за оптимизиране на изображение. Освен това много уебсайтове ще ви кажат да използвате Paint , но аз открих, че това не е добър метод, защото изображенията изглеждат много по-зле.

Първо, важно е да разберете, че някои методи, използвани за намаляване на размера на изображението, ще доведат до картина с по-ниско качество, което може да е добре за уебсайт, но не и за печат. Това обикновено се случва, когато промените разделителната способност на картина, да речем от 2560×1440 на 1920×1080.

Друг начин за намаляване на размера на изображението е компресирането на изображението. Има два вида компресия: без загуби и със загуби. Компресирането без загуби^(Lossless) ще намали размера на изображението, без да губи нито един пиксел от оригиналния файл. Загуба^(Lossy) означава, че някои данни ще бъдат загубени.

И накрая, форматът на картината също прави голяма разлика в размера на файла. Нормална снимка, която правите от вашия фотоапарат, вероятно ще бъде JPG изображение, защото работи добре по отношение на компресията. Въпреки това изображенията с малко цветове (256 цвята или по-малко) ще бъдат много по-малки, ако използвате GIF . PNG е формат без загуби, който може да бъде силно компресиран. Работи добре за уеб графики и сложни снимки.

В тази статия давам няколко примера със скрийншоти за компресиране на изображение с помощта на множество формати, за да можете да видите разликите в размера и качеството.

Как да намалим размера на изображението

Нека започнем с това как можете да намалите размера на изображението, без да губите качество. Това ще ви даде най-малкия файл, като същевременно запази оригиналното качество на изображението. Очевидно използването на компресия със загуби ще ви даде много по-малки файлове, както ще видите в примерите по-долу, но ще загубите известно качество.

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

Първо, нека започнем с плоска цветна графика. Като пример, току-що направих екранна снимка на уебсайта на HDG (600 × 319), тъй като има малко цветове и не е сложен. Ето размерите на файловете в различните формати без никаква компресия:

Оригинален GIF: 27 KB

Оригинален JPEG: 67 KB

Оригинален PNG: 68 KB

Както можете да видите, PNG и GIF файловете определено са по-резки от JPEG . Както споменахме по-рано, JPEG е по-добър за фотография. GIF се справя добре тук, тъй като е само 27 KB в сравнение с PNG , който е 68 KB. Въпреки това, според моя опит, PNG файловете^(PNGs) се компресират много по-добре, ако е компресия със загуби и качеството на изображението все още е много добро.

Когато направих компресия без загуби на трите, само JPG и PNG изображенията бяха намалени по размер, но не много. PNG размерът достигна 45 KB, а JPG - 58 KB. Когато направих компресия със загуби, числата за PNG бяха най-впечатляващи.

Загубен GIF: 22 KB

JPEG със загуба: 50 KB

Загубен PNG: 23 KB

Както можете да видите, PNG изглежда най-добре и е само с 1 KB по-голям от GIF ! Ето защо използвам PNG изображения на този уебсайт за повечето от екранните си снимки. JPEG обикновено винаги ще бъде по-добър за фотографски изображения с много цветове. Но не забравяйте, че JPG е само 16-битов, докато PNG е 24-битов, така че JPG поддържа милиони цветове, но PNG поддържа неограничени цветове.

GIF - ът намален само с 5 KB, но в същото време загуби много качество. JPG не се компресира много, но JPG^(JPGs) обикновено не се компресира толкова добре, колкото PNG файловете^(PNGs) .

Можете да използвате приложението си за снимки, за да промените формата на изображение, за да видите кой размер е най-малък. За компресиране препоръчвам да използвате онлайн инструменти, тъй като те вършат страхотна работа. Аз лично използвам Kraken.io за моите уебсайтове, но има и други добри като TinyPNG  и Optimizilla .

Промяна на разделителната способност на изображението

Основният начин за свиване на изображението е да намалите разделителната способност на картината. Ако имате файл, който е 4000×2500, тогава намаляването на размера до 2000×1250 ще направи файла наполовина по-малък. Очевидно ще загубите голяма част от оригиналното изображение в данните, но в зависимост от целта ви може да няма значение.

Всяка програма за редактиране на изображения ще има начин да промените или преоразмерите изображението. Тук можете да промените ширината/височината или разделителната способност, която обикновено е точки на инч ( DPI ) или пиксели на инч ( PPI ). Прочетете тази страхотна статия за разликата между DPI и PPI^{(difference between DPI and PPI)} . За всичко в мрежата трябва да се тревожите само за пиксели, а не за точки. Точките^(Dots) ще влияят само на отпечатани изображения.

Така например моят уебсайт може да има само изображения с ширина до 680 пиксела. Затова^(Therefore) винаги преоразмерявам изображение до 680 пиксела или по-малко, преди да го кача, защото в противен случай WordPress ще го преоразмерява до 680 пиксела за мен, но размерът на файла ще бъде по-голям, отколкото трябва.

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

Промяна на дълбочината/режима на цвета

В примера по-горе, ако имате изображение само с няколко цвята, тогава не е необходимо да използвате формат на изображението, който поддържа милиони цветове. В моя пример за уеб страница GIF трябва да поддържа само индексиран^(Indexed) цвят и 8 бита/канал.

Можете да изберете RGB цвят и 16 бита/канал, но изображението ще изглежда абсолютно същото, но ще има по-голям размер на файла. Можете да прочетете повече за тези цветови режими^{(colors modes)} на уебсайта на Adobe. В допълнение към Photoshop , повечето редактори на изображения също ви позволяват да промените дълбочината/режимът на цвета за изображение.

Изрязване на изображението

Друг лесен начин да намалите размера на изображението е просто да го изрежете! Всичко, което е изрязано, ще бъде завършено, премахнато от изображението. Без значение какво изображение имате, обикновено можете да го изрежете поне малко, което определено ще помогне за намаляване на размера.

И имайте предвид, че изрязването не трябва просто да е типичното, при което изрязвате неща отгоре/отдолу или отляво/вдясно. SnagIt Editor , един от любимите ми, има инструмент за изрязване, който ви позволява да изрязвате части от изображения от средата на изображението хоризонтално или вертикално. Това е полезно по-често, отколкото си мислите. Ето пример, където трябва да включа екранна снимка на менюто " Старт^(Start) ", докато въвеждам команда.

Размерът на горния файл първоначално беше 22 KB. Вместо да използвам това, изрязах средната част, която не ми трябваше, както е показано по-долу.

Новият размер на файла е само 9 KB! Всичко това, без дори да правите компресия или да променяте файловия формат. След като го компресирах, го намалих до само 4,4 KB. Така че изрязването е важен начин за намаляване на размера на изображението.

Надяваме се, че сте намалили размера на вашето изображение и сте научили малко за това как работят цифровите изображения по пътя! Ако имате въпроси, не се колебайте да коментирате. Наслади се!

How to Reduce the Size on an Image File

Previously, I wrote an аrticle on how to reducе the size of an image file using the built-in email option in Explorer or by using a desktop prоgram called Image Resizer for Windows. These are good options, but there are severаl other ways to go about optimizing an image. Also, a lot of wеbsites wіll tell you to use Paint, but I have found it’s not a good methоd because the imagеs look way worsе.

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

• Експортиране, изчистване и увеличаване на размера на регистрационните файлове на събития в Windows

• Как да видите размера на потребителските пощенски кутии в Exchange 2007

• Рецензия на книга - Ръководството за маниаци за Windows 8

• Инсталиране на GIMP Plugins: Ръководство с инструкции

• Как да изтеглите офлайн (самостоятелен) инсталатор на Google Chrome

• Как да промените цвета на фона в Google Документи

• Как да въведете SSH или SFTP във вашия Raspberry Pi

• Как да конвертирате WEBP изображения в JPG, GIF или PNG

• Как да превърнете компютъра си в DLNA медиен сървър

• 6 най-добри настройки на камерата за снимки на Луната

• Как да поддържате софтуера на компютъра си актуализиран автоматично

• Как да отворите заключен файл, когато друга програма го използва

• Как да използвате своя Chromebook като втори монитор

• Как да активирате удостоверяването на Steam Guard

• Деинсталирайте и преинсталирайте IE в Windows 7

• Как да промените SSID на вашия рутер и защо трябва

• Изключете контрола на потребителските акаунти (UAC) за конкретно приложение

• Създайте настолно приложение Gmail с тези 3 имейл клиента

• Използване на уеб интерфейса на предаването

• Как да извършите стрес тест на процесора