FB91 Изпратете ни този урок от вашия уебсайт:

оптимизирайте

Основните моменти за оптимизиране на изображението (прочетете, намалете теглото му колкото е възможно повече, без да губите качество) са 3:

1. Изберете най-добрия формат (.JPG, .GIF, .PNG)
2. Регулирайте размера на изображението
3. Запазване на опции

Изберете най-добрия формат

Най-широко разпространените формати в интернет са 3, GIF (Graphics Interchange Format), JPG (Joint Photographic Experts Group), PNG (Portable Network Graphics).

GIF

това е формат, който поддържа до 256 цвята (основното му ограничение). Поради тази причина, когато имаме изображение, което надвишава 256 цвята, то трябва да бъде адаптирано чрез намаляване на цветовете му, което води до загуба на качество.
Характеристики:

* Поддържа 256 цвята
* Прозрачни фолиа
* Анимации

JPG

Това е формат, който се опитва да елиминира информация, която човешкото око не е в състояние да различи, поради тази причина се нарича алгоритъм за компресиране със загуби, защото точно това, което прави, е да премахне информация.
Една от характеристиките, които правят JPEG много гъвкав, е възможността за регулиране на степента на компресия.
Характеристики:

* 24 битов цвят или 8 бита (черно и бяло)
* Доста висока степен на компресия
* Не позволява алфа канал (прозрачност)
* Не позволява анимации

PNG

е графичен формат, базиран на алгоритъм за компресиране без загуби за растерни изображения, които не са предмет на патенти (за разлика от GIF). Този формат е разработен до голяма степен за преодоляване на недостатъците на GIF формата и ви позволява да съхранявате изображения с по-голяма дълбочина на контраста и други важни данни.
Характеристики:

* Цветово индексиране до 256 цвята и TrueColor до 48 бита на пиксел.
* Прозрачни фолиа
* Не позволява анимации
* По-добро качество от GIF
* Понастоящем се поддържа от по-голямата част от браузърите

Кой от всички да изберете?

В случай, че изображението ви има малко цветове, обикновено ако е текст, GIF форматът ще заема по-малко място. Например следните 2 изображения; първият е GIF, а вторият е PNG. Те заемат съответно 13.6KB и 22.6KB и качеството е много добро и в двете, така че най-добрият вариант би бил GIF, тъй като е по-лек.

Сега, ако изображението ви има градиенти и прозрачно фолио, нещата се променят в полза на PNG, тъй като обработва тези два аспекта много по-добре. Както доказват следващите три снимки, първата е PNG и заема 48.9KB, второто е GIF и заема 24,1 КБ и третото е JPG и заема 23,1 КБ. В този случай щях да остана с JPG, но не забравяйте, че ако изображението има прозрачност, JPG ще бъде пропуснат и най-добрият вариант ще бъде PNG.

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

Изображение с малко цветове и анимации: GIF
Изображение с прозрачни фолиа и градиенти: PNG
Снимки: JPG

Регулирайте размера на изображението

Това е нещо доста пуешко, но мога да спестя много килограми. Първо и очевидно, никога не качвайте изображение с 2000 х 1000 пиксела, когато всъщност, когато го поставим на нашия сайт, му даваме ширина 200 х 100 пиксела; и второ, когато публикувате изображение, най-добре е да изрежете най-значителната част от него и да използвате по-добре пространството.
Например:

Запазване на опции

Когато записваме JPG изображение в GIMP, се отваря диалогов прозорец с няколко опции.

Важното е да има като Качество "85", което пада с около 30% тегло върху изображението и промените остават незабелязани. Също така проверете опцията Прогресивно Това, което прави, е в момента, когато изображението се зарежда, пробата е с напълно лошо качество и докато продължава да се изтегля, нейното качество „прогресивно“ се подобрява. Ако тази опция не бъде отметната, изображението, докато се изтегля, се показва на парчета, но с добро качество, докато изтеглянето приключи.
И накрая опцията също беше маркирана Запазване на миниизображението че точно това, което прави, е да запази миниизображение, така че когато искаме да го отворим, от GIMP Например, използвайки опцията File - Open, можете да видите малка миниизображение на изображението, което не ни помага при качването му в мрежата (това ни спестява няколко 6 KB, че въпреки че те са голяма сума, това допринася с нещо).

Оригинален източник: FB91

Целият този урок, включително неговите изображения, е взет от гореспоменатия източник и е допринесен от неговия автор.