Незнанието заема място.

gimp

Сега, когато имаме представа за това как работят най-използваните формати в мрежата, техните предимства и ограничения, можем да помислим за оптимизиране на изображенията на нашия уебсайт.

Както казах от самото начало, оптимизирането не е свързано с намаляване. Оптимизирайте, става въпрос за намиране на стойностите, които получават резултата, от който се нуждаем, по най-добрия възможен начин.

Сред приложенията за оптимизиране на изображения, които можем да използваме, днес ще се съсредоточа върху това, което ни предлага GIMP.

И ще използвам GIMP, защото:

  • Това е инструмент с безплатен, многоплатформен, разширяем и безплатен лиценз.
  • Защото това е инструмент, който го прави много добре.
  • Тъй като е тази, която познавам най-добре и използвам ежедневно за намаляване на размера на много изображения с до 90%.

Можеш вземете GIMP от вашата мрежа за различни платформи. Освен това в мрежата има страници с документация за GIMP, така че можете да извлечете максимума от нея.

Оптимизиране на JPEG с GIMP

След като решим, че JPEG форматът е най-добрият вариант за нашите нужди, ще покажа как GIMP ни позволява да действаме по определени параметри и да подобрим съотношението качество/тегло на изображенията.

Ако не се налага да използваме цялото изображение, първото нещо, което трябва да направим, е премахнете частите от изображението, които не са ни необходими. Можем да направим това от менюто «Изображение»> «Размер на платното». Най-добрата част за този режим е, че след като се приложи изрязването, тя ви позволява да панорамирате изображението, за да регулирате позицията на видимата част. Друг начин е като направите типичното поле за избор, копирате и поставите селекцията като ново изображение (ctrl-shift-v или от менюто "редактиране"> "поставяне като ново изображение").

Следва, мащабирайте изображението до размера, от който се нуждаем. Някои CMS, като WordPress или Prestashop, автоматично мащабират изображенията до определени размери, когато качваме файловете. Но те запазват и оригиналния файл, който трябва да има размер според екрана на устройството, на който ще се показва.

Когато експортираме изображение в jpeg, GIMP отваря прозорец, където можем да определим степента на качество, с което искаме да запазим изображението си. Също така имаме възможност да покажем визуализация на обработеното изображение с параметрите, които дефинираме, което позволява на GIMP да ни покаже очакваното тегло на файла, когато го експортираме.

Кутия за опции за експортиране в JPEG в GIMP

Показвайки разширените опции, ще можем да елиминираме метаданни, да избираме между няколко типа подсемплиране, да използваме прогресивния jpeg режим или да приложим анти-псевдоним, за да скрием малките грешки, които JPEG алгоритъмът може да вмъкне в изображението. Също така можете да изберете дали да включите миниатюра на изображението във файла.

Оптимизирайте PNG с GIMP

За да оптимизираме PNG файлове с GIMP, ще започнем по същия начин, както в случая с JPEG: изрязване на частта от изображението, която ни интересува, и мащабиране до подходящия размер.

В случай, че нашите нужди ни карат да използваме PNG формата, GIMP също показва прозорец, където можем да регулираме параметри като преплитане, прогресивна версия на изображението за PNG, цвета на фона; гама, за да се гарантира, че изображението не изглежда по-тъмно на някои екрани, отколкото на други; Не съм сигурен за какво става въпрос за изместване на слоя, но собственият уебсайт на GIMP ни предупреждава, че не е много добър в това и че е по-добре да не се използва. По същия начин можем да регулираме нивото на компресия.

Кутия с опции за експортиране на GIMP PNG

Индексирани цветове

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

За това, преди да експортираме, ще отидем в менюто «Изображение»> «Режим»> «Индексирано ...». В прозореца, който се отваря, ще ни предложи няколко опции: Имайте предвид, че изображението в сива скала никога не може да се трансформира в цвят. И изображение с индексирани цветове никога няма да се върне към първоначалните си цветове, след като бъде запазено, запазете копие на оригинала в сейф.

Кутия с настройки за конвертиране в индексиран цвят.

В по-модерните версии на GIMP броят на параметрите, които можем да коригираме, както за jpeg, така и за png, се увеличава.

Допълнително завъртане на PNG оптимизация

Тъй като не бях много сигурен, че параметрите за изображенията, в PNG, които използвах за тази статия, бяха оптималните, реших да инсталирам и тествам trimage. И постигнах допълнително намаляване на размера на файловете.

Със софтуера «trimage» успях да подобря още повече теглото на изображенията в тази статия.