1. Зменшуємо вага картинки за допомогою IrfanView
2. висновок

07.12.2017

Здрастуйте дорогі читачі. Обговорюючи тему, як прискорити завантаження сайту , Було порушено питання, як стиснути картинку для сайту без втрати якості. Так як ми вже знаємо, що файли маленького розміру, стислі, завантажуються в браузері швидше, ніж їх оригінали. Тим більше, що стискати картинки рекомендує Google PageSpeed ​​Insights . Але не варто забувати, що в цьому випадку може постраждати якість самого зображення. Щоб цього не сталося на допомогу прийде графічна програма IrfanView. Давайте детально розглянемо, як це зробити.

Зменшуємо вага картинки за допомогою IrfanView

Викачуємо програму по цій. Після установки заходимо в меню «File» вибираємо пункт «Batch Conversion» або натискаємо кнопку «B» на клавіатурі.

Відкривається вікно оптимізації картинок (скріншот знизу), вибираємо:

1. Файли, які потрібно стиснути
2. Варіанти роботи програми (Batch Conversion - оптимізація картинок, Batch Rename - перейменування, Batch Conversion-Rename Result - Стиснення зображень з подальшим перейменуванням)
3. Налаштування параметрів конвертації і вихідний формат файлів
4. Можна встановити просунуті опції конвертації
5. Batch Rename Setting - Налаштування групового перейменування вихідних файлів
6. Встановлюємо кінцеву директорію, куди будуть зберігатися оптимізовані картинки

Після того, як вибрали потрібні картинки, натискаємо на кнопку «Add». Вони перемістяться в нижнє поле вікна. Тепер потрібно налаштувати опції конвертації. Натискаємо кнопку «Option» в пункті «Batch conversion setting», відкривається вікно:

Варто відразу зауважити, що не для всіх графічних форматів працює настройка стиснення картинок. Розглянемо варіант настройки для формату .JPG (скріншот зверху).

1. Встановлюємо якість зображення. Повзунком пересуваємо в сторону «low» - гірше, «good» - краще. Важливо! Чим вище, тим більше розмір файлу. Щоб стиснути картинку без втрати якості, рекомендується виставляти 65 по повзунку. Для отримання золотої середини можете самі поекспериментувати з цим повзунком.
2. Ставимо галочку навпроти «Save as progressive JPG» - зберігати будемо прогресивний JPG, для поліпшення відображення на сторінці і прискорення її завантаження.
3. Рекомендується прибрати галочки з інших опцій, щоб не зберігати в файлі службову інформацію.
4. Тут можна зберегти профіль налаштувань в поле «Profiles», для подальшого завантаження різних варіантів налаштувань

Натискаємо кнопку «ОК» і спускаємося нижче. Вказуємо шлях (папку) для кінцевих файлів і тиснемо «Start Batch». IrfanView зробить стиснення картинки без втрати якості і видасть звіт (відкриється нове вікно), про благополучне завершення роботи. Натиснувши на кнопку «Return to Batch» можна продовжити зменшувати вагу зображень.

Нижче приведу результат роботи цієї програми. Оптимізація картинок відбувалося по вище зазначеним налаштувань. Порівняйте самі різницю до і після стиснення:

Натисніть на зображення для збільшення

Натисніть на зображення для збільшення

висновок

Використовуючи програму IrfanView можна домогтися значного зменшення ваги картинок для сайту, тим самим збільшити швидкість їх завантаження в браузер користувача. Крім цих можливостей програма має і інші, але вони не стосуються сьогоднішньої теми, тому їх зачіпати не буду. Наведу переваги і недоліки:

1. Якість зображення не страждає, навіть при значному стисненні
2. Підтримка великої кількості форматів. Можна створювати завдання для групового виконання
3. Безкоштовна

Моя думка - це відмінна програма для стиснення картинок для вашого сайту. Як бачите самі на скронях зверху, якість залишається на високому рівні. Для прикладу був обраний файл високої розподільчої здатності та розміру, щоб помітити зміни в зовнішньому вигляді, і показати, наскільки сильно може зменшити вагу картинки редактор IrfanView.