Незнання займає місце.

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» мені вдалося ще більше збільшити вагу зображень у цій статті.