Для прискорення сайту деякі рекомендують проаналізувати кожну сторінку: оптимізувати запити HTTP і будь-які перенаправлення, стиснути скрипти і стилі і т. д. Все це без сумніву необхідно, але в першу чергу важливо розглянути основи. Зокрема, ви впевнені, що будь-яка графіка, яку ви використовуєте на сайтах, повністю оптимізована для Інтернету?

Майже всі веб-розробники знають про те, що потрібно вибрати відповідний формат для кожного зображення, також звести його розміри (як у пікселях, так і в кілобайтах) до мінімуму. Деякі навіть максимально оптимізують налаштування JPEG, балансуючи між розміром та якістю. Однак, сувора реальність полягає в тому, що, незалежно від того, наскільки ретельно ви розробили свої зображення, звичайні графічні редактори, які ви використовуєте не зможуть максимально ефективно зберегти готові файли. І при стисненні зображень їхня якість може значно погіршитися.

Складно сказати напевно, наскільки втрачається якість при стисканні зображень, оскільки це залежить від джерела графіки. Деякі JPG можна зменшити лише на 50-100 байт. Зазвичай нормальну інтернет-графіку потрібно стискати на 10-40%, без втрати якості зображення (також можна це реалізувати зі зменшенням кількості кольорів або з перекодуванням файлів JPEG в інші формати). Але в ідеалі для стиснення зображень використовувати спеціальні програмиабо веб-сервіси, які будуть розглянуті в даному огляді.

Тестування

То які ж програми краще? Щоб дати відповідь, ми розглянемо 18 основних програм, що конкурують між собою. В основному це інструменти стиснення зображень для Windows, оскільки вони найпоширеніші. Але ми також включили опції стиснення зі втратами, програми для Mackintosh та веб-сервіси, тому є надія, що кожен знайде для себе щось корисне.

Ми спробували за допомогою кожної програми стиснути однакові набори зображень GIF, PNG та JPG, кожне з яких фактично було взірцем веб-графіки, знайдених нами на низці реальних сайтів. Також було проведено перевірку програм та за іншими пунктами. Чи зручні вони для користувача? Наскільки швидко йшов процес стиснення? Надійність? Чи може програма, наприклад, збільшувати розмір зображення?

Результати виявились дуже цікавими, запрошуємо і вас з ними ознайомитись.

Програми

1. AdvanceCOMP 1.15

Платформа: Windows

Застарілий інструмент, який використовує командний рядок і з мінімальною підтримкою. AdvanceCOMP навряд чи підійде для середнього користувача ПК, що звикли до графічних інтерфейсів. Для тих же, хто звик працювати з командним рядком, нічого складного в ньому немає. Так, лише один рядок:

"%a in ("C:\PNG File\Folder\*.png") do advpng -z -4 "%a""
дозволяє застосувати алгоритм стиснення без втрат кожного файлу в папці, замінюючи оригінал на стислу версію.

Тим не менш, отримані результати виявилися дуже далекі від ідеалу, і наша тестова картинка PNG стиснулася всього на 14,2% (тільки один інструмент з сервісів, що потрапили в огляд, виявився ще гіршим).

2. Caesium 1.4.1

Платформа: Windows

Caesium - це простий інструмент з відкритим кодом, який призначений для стиснення PNG, JPG та BMP. Це досить зручна у використанні програма. Натисніть кнопку Add/Додати, виберіть зображення, виберіть папку куди будуть завантажені оброблені зображення - Output, натисніть кнопку Compress/ Стиснення, і через кілька секунд ви отримаєте результат.

Стиснення BMP не є для нас інтересом, як рідко використовується при створенні сайтів, і в технології стиснення JPG також не знайшлося для нас нічого особливого. У програмі немає можливості стиснення без втрати якості, вона просто перекодує файл у вибраному налаштуванні якості.

Caesium дійсно забезпечує підтримку PNG стиснення без втрати якості, хоча в ній і є деякі обмеження. Він може виводити лише 24-бітові зображення, інакше, ймовірно, буде збільшуватися розмір зображення. Результати програми наочно ілюструють проблему, оскільки більшість наших тестових зображень веб-графіки PNG з глибиною кольору 48 біт насправді збільшуються в розмірах. Навіть при ретельному налаштуванні загальний розмір зображення зменшувався всього на 1,2%.

3. FILEminimizer Pictures 3.0

Платформа: Windows

FILEminimizer Pictures використовує радикальніший підхід до стиснення зображень, ніж більшість її конкурентів. За замовчуванням при спробі стиснути ваші фотографії вона може змінити формат і розмір зображення, перекодувати файли JPEG зі зниженням якості та вирізати метадані. Більшість цих опцій можна встановити в налаштуваннях програми.

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

Наскільки добре виконується стискування? Все варіюється в залежності від формату принаймні в наших тестах. Стиснення PNG - нічого особливого - 26,8% (деякі інструменти роблять краще без втрати якості), стиснення GIF було вище середнього - 16,5%, а ось наша інтернет-графіка JPG зменшилася у розмірі на 39,3%, - найбільший стиск у досліджуваній групі. Але у всіх тестах втрата якості візуально була помітна.

4. FileOptimizer 2.10.135

Платформа: Windows

Можливості програми FileOptimizer досить великі. Вона не тільки може стискати зображення JPG, GIF та PNG, але також може працювати з виконуваними файлами, архівами, документами Microsoft Office, файлами PDF - список можна продовжувати досить довго.

Дивно, але при цьому користуватися нею абсолютно не складно. Насправді у програми один із самих простих інтерфейсів: перетягніть зображення до FileOptimizer, клацніть правою кнопкою миші, виберіть Optimize/ Оптимізувати - і насолоджуйтесь отриманим результатом. Однак у цієї простоти є і зворотний бік - вихідні файли замінюються програмою. Оригінали вирушають у кошик, тому їх доведеться відновлювати (якщо вони вам потрібні, звісно).

Але першорядне значення має, звичайно ж, стиск, і тут FileOptimizer забезпечує добрі результати. Наприклад, програма зменшила нашу тестову графіку PNG на 42,2% - це найкращий стиск без втрати якості у цій групі. Стиснення JPEG і GIF було вищим за стандартний на 17,7% і 15,9% відповідно, але в цій програмі ще багато корисних опцій, які ви зможете використовувати з FileOptimizer для стиснення інших файлів на своєму сайті.

5. ImageOptim 1.4.0

Платформа: Mac

ImageOptim - це Mac-інструмент, який оптимізує зображення GIF, JPEG і PNG, а також виступає як інтерфейс для багатьох інших програм: PNGOUT, AdvPNG, Pngcrush, розширене OptiPNG, JpegOptim, jpegrescan, jpegtran і Gifsicle.

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

Кінцеві результати були значні, але не захоплюючі. Наша веб-графіка GIF зменшилася на 16,2%, PNG - на 17,8%, JPG-файли - на 18,3%. Ви можете зробити краще за допомогою окремих інструментів. Але якщо вам потрібен простий Mac-інструмент, який може обробляти файли GIF, JPEG та PNG, то ImageOptim – цілком розумний вибір.

6. JPEGmini

Платформа: Mac

JPEGmini – цікавий Mac-додаток з нестандартним підходом до скорочення формату JPEG.

По-перше, в ньому використовується інтелектуальний алгоритм, щоб з'ясувати, наскільки зображення можна стиснути без видимого ефекту (тобто не просте перекодування з фіксованим налаштуванням якості). У програмі використовується власний кодер JPEG, щоб спробувати отримати найкомпактніші файли. Обробка проводиться в фоновому режимі. Просто перетягніть ваші фотографії в програму (в безкоштовної версіїмаксимум 20 на день), і вона замінюватиме оригінали стислими версіями.

А ось розкид результатів виявився величезним. Наша картинка JPG зменшилася всього на 8,2%, але коли ми відправили на обробку 25 великих цифрових фотографій, то вони зменшилися на 71,3% із невеликою видимою втратою якості. З простою веб-графікою JPEGmini не робить нічого дуже дивного. Використовувати її найкраще для обробки зображень великих розмірів.

7. jStrip 3.3

Платформа: Windows

JStrip це інструмент для стиснення без втрати якості файлів JPEG, який видаляє несуттєву інформацію: ескізи, коментарі, колірні профілі, додаткові байти на початку або в кінці файлу і різні інші біти і шматки. А ось стиснення файлів буде невеликим, оскільки програма не використовує повторне кодування. Це було особливо помітно, коли ми помістили у JStrip фотографії JPG з високою роздільною здатністю, які програма змогла зменшити приблизно на 1%.

Якщо файли, які ви хочете стиснути, вже самі по собі невеликі, стиснення, ймовірно, будуть набагато значнішими. Коли ми пропустили нашу вибірку веб-графіки JPEG через jStrip, зображення зменшилися в середньому на 16,1%. Варто зауважити, що робота програми не відрізняється стабільністю. За умовчанням вона замінює зображення, які ви вказали, на стислі версії, так що для обробки краще використовувати копії. Загалом jStrip - це швидкий і простий спосіб трохи зменшити розмір зображень JPEG.

8. OptiPNG 0.7.3

Платформа: Windows

OptiPNG - це популярний інструмент стиснення PNG без втрати якості, що використовує командний рядок, який регулярно застосовується в інших програмах (наприклад, PNGGauntlet) для обробки та оптимізації зображень.

Програма набагато краще задокументована, ніж багато аналогічних пакетів, так що навіть якщо ви не працювали з командним рядком, то розібратися буде нескладно. Інсталяційні файли закачуються разом з файлом PDF, де пояснюються різні перемикачі та опції, що дуже зручно (хоча все одно треба буде попрактикуватися в оптимізації зображень, щоб повністю зрозуміти, як вона працює). Якщо ви бажаєте об'єднати кілька інструментів з командним рядком, щоб отримати найкращі результати, то до них варто включити OptiPNG.

Результати, навіть із налаштуваннями стиснення за замовчуванням, виявилися дуже прийнятними: наша тестова веб-графіка PNG зменшилась у розмірі в середньому на 32,2%.

9. PNGGauntlet 3.1.2.0

Платформа: Windows

PNGGauntlet - це досить цікавий інструмент, що по суті є оболонкою для трьох інших програм з відкритим кодом (PNGOUT, OptiPNG, DeflOpt), призначених для стиснення зображень.

У процесі роботи діє так само, як і конкуренти. Перетягніть вихідні зображення, виберіть вихідну папку, натисніть кнопку «Optimize!/Оптимізувати»! і чекайте.
Не виключено, що вам доведеться чекати, і чекати, і чекати. Імовірно, таке тривале очікування пов'язане з тим, що вона поєднує в собі роботу трьох інструментів для обробки. PNGGauntlet може бути дуже повільною, у нашому випадку їй знадобилося 50 хвилин 44 секунди для стиснення 25 фотографій з високою роздільною здатністю у форматі PNG.

Проте одержані результати вражають. Під час обробки нашої тестової веб-графіки PNG програма зменшила наші 50 зображень у середньому на 41,3% і навіть фотографії зменшилися на 7,75% без видимої втрати якості. Іноді цього достатньо, щоб виправдати проблеми з продуктивністю. Тому якщо вам потрібен якісний інструмент PNG стиснення, то PNGGauntlet дійсно треба включити у ваш список.

10. PNGOptimizer 2.2

Платформа: Windows

При крихітному розмірі в 146 кб PNGOptimizer - це легковажна з представлених в даному огляді програм, тому не дивно, що інтерфейс у неї максимально простий і спеціалізується вона тільки на файлах PNG.

Використовуючи PNGOptimizer 2.2 ви отримуєте можливість управління дивно великою кількістюпараметрів обробки. PNGOptimizer може видалити черезрядкову кадрову розгортку, зберегти, видалити або замінити колір фону, а також видалити текст або фізичні розміри зображення у пікселях. Програма може навіть імпортувати файли GIF, BMP та TGA, зберігаючи їх у PNG відповідно до вибраних опцій.

А ось оминути конкурентів у стисненні зображень програма не змогла, це видно за результатами тесту. PNGOptimizer зменшила фотографії з високою роздільною здатністю PNG в середньому всього на 3,6%. Набагато краще вона впоралася з невеликими графічними зображеннями, У середньому стиск становило 39,8%. Якщо вам потрібний маленький та простий інструмент для стиснення PNG, то PNGOptimizer – те, що треба.

11. PNGOUTWin 1.5.0

Платформа: Windows

PNGOUT - один з найкращих інструментівдля стиснення зображень. На жаль, він досить незручний у використанні, тому що створений на основі командного рядкабез підтримки пакетної обробки. Але якщо це проблема, ви завжди можете вибрати його комерційний інтерфейс: PNGOUTWin .

Програма легко конфігурується. Ви можете використовувати PNGOUTWin, щоб переписати оригінальні зображення або зберегти вихідні в новій папці. Також є можливості зберегти файлові атрибути часу, налаштувати рівень стиснення, реалізовано можливість зберігати деякі (або всі) шматки PNG і т.д.

Вона також проста у використанні. Перетягніть зображення у вікно програми, і вона відразу почне процес стиснення, використовуючи кілька потоків для роботи одночасно з кількома зображеннями. Результати також відмінні, наша веб-графіка PNG зменшилася на 40,5% (непогано для стиснення без втрати якості).

На жаль, в даний час безкоштовною для неї є лише інтерфейс PNGOUT, такий же як і PNGGauntlet, який теж дуже простий у використанні програми (насправді можна досягти ще більше) високого рівнястиснення, якщо поєднати його з іншими інструментами). Хоча PNGOUTWin і потужна програма, ймовірно, вона все-таки не коштує $14.95 (персональна ліцензія)/$29.95 (корпоративна ліцензія), які за неї просять.

12. PUNYpng

Платформа: web

Набагато універсальнішим, ніж можна припустити з його назви, є PUNYpng – веб-сервіс, який може дійсно застосовувати стиск без втрат для зображень у форматі GIF, JPG та PNG. Реєстрація та створення облікового записубезкоштовні, але для безкоштовних облікових записів діють обмеження: можна завантажити лише 15 зображень у пакетному режимі, кожне не більше 150 кб.

Загалом сервіс досить зручний. Натисніть кнопку Upload Images/Завантажити Зображення на сайті, а потім зачекайте, поки фотографії завантажуються та стискаються. З'являється звіт про виконані операції, і все можна завантажити у вигляді ZIP-архіву.

Для тестування ми використовували безкоштовний обліковий запис. PUNYpng показав хороші результати та стиснув різні тестові комплекти файлів на 16-32%. За $2 на місяць, можна проапгрейдіть свій аккаунт до PRO, з яким можна отримати додаткову опціюстиснення з меншою втратоюякості та завантажити більше файлів.

13. RIOT 0.4.6

Платформа: Windows

RIOT безкоштовна, але це одна з небагатьох програм, яка намагається встановити додаткове програмне забезпеченняу процесі налаштування. Обов'язково зніміть відповідний прапорець під час встановлення, якщо ви не зацікавлені у такому додатковому програмному забезпеченні.

Решта дуже просто. Чіткий та зрозумілий інтерфейс дозволяє легко стискати окремі зображення GIF, PNG або JPG та порівнювати результати, поки пакетний інтерфейс обробляє кілька файлів на дуже високій швидкості.

На жаль, тут немає стиску без втрати якості. RIOT, швидше, скорочує кількість кольорів у зображенні та перекодує у форматі JPEG з низьким значенням якості. Незважаючи на це, програма примудрилася зробити деякі з наших тестових зображень значно більшими. Тому рекомендуємо вам уважно перевірити вихідні налаштування RIOT, перш ніж використовувати її для обробки.

З поставленим завданням програма все ж таки впоралася добре, зокрема, наші GIF-файли їй вдалося зменшити в середньому на 42,8%. Але насамперед знадобилася докладна конфігурація – показники «за замовчуванням» були значно гіршими.

14. ScriptJPG

Платформа: Windows

ScriptJPG - один із найбільш примітивних пакетів, по суті, це просто скрипт для Windows, який діє як інтерфейс для кількох інструментів на основі командного рядка. Перетягніть ваші файли JPGу сценарій, виберіть параметри стиснення (без втрати якості, або з налаштуванням особливої ​​якості JPEG), і ScriptJPG зменшить ваші зображення. Так, щонайменше, було заявлено в описі. Через деякі причини працювала програма з нашою веб-графікою JPG не так, як було обіцяно, і стартове меню навіть не відображалося.

Ми змогли протестувати пакет на нашій фотографії JPEG і отримали непогані результати. Його опція стиснення без втрати якості скоротила розміри зображення майже на 10%. Якщо ви фахівець з роботи з графікою, то ScriptJPG може представляти вам інтерес. Ви зможете діагностувати проблеми в міру їх виникнення та, можливо, змінити сценарій, налаштувати параметри стиснення відповідно до ваших потреб. Якщо ви віддаєте перевагу більш зрозумілим і простим інструментам, радимо використовувати один з аналогів з графічним інтерфейсом. Є багато потужніших альтернатив і, звичайно, вони набагато простіше у використанні.

15. ScriptPNG

Платформа: Windows

Як ви вже напевно здогадалися з назви, ScriptPNG - це найближчий родич ScriptJPG. Він є пакетним файл Windows, який використовує чотири утиліти, щоб стискати файли PNGдо необхідних розмірів. Також, як і в ScriptJPG, тут дуже мізерні можливості налаштування. Перетягніть зображення у файл, і в командному рядку відкриваються дев'ять можливих варіантівстиснення. Виберіть той, який вам потрібен, і програма відразу почне скорочувати кожен файл по черзі (і замінювати оригінальні зображення на вихідні, тому працювати краще з копіями).

Ще одна проблема у нас була в тому, що старзу після встановлення вилетів pngout.exe. На виконанні сценарію це не відобразилося, але нам довелося вручну щоразу закривати діалогове вікно помилки, як воно з'являлося. Незважаючи на це, результати стиснення були досить вражаючими. Наша PNG-графіка втратила до 40,1% обсягу без видимого погіршення якості зображень.

16. Smush. It

Платформа: web

Більшість веб-сервісів для стиснення зображень відрізняються великими обмеженнями, але Smush. It на Yahoo – це рідкісний виняток. Єдине обмеження - розмір файлів (не більше 1 Мб), зате в систему можна завантажити стільки зображень, скільки вам потрібно. У ній немає реєстрації, немає створення облікового запису, немає щоденних квот. Зображення стискаються за допомогою різних інструментів, а результати можна отримати у вигляді ZIP-файлу.

У такого підходу лише одна проблема - у вас немає доступу до самих інструментів стиснення. Ви не можете налаштувати або змінити їх. Ви бачите результати, які ви отримаєте, і нічого не можете зробити, щоб змінити їх. Було виявлено якусь проблему з JPG-файлами, оскільки Smush. Це вдалося зменшити наші тестові зображення всього на 1%. Стиснення PNG було більш ефективним - 35,3%, хоча наші GIF-файли втрачені вражаючі 23,9% обсягу (кращий стиск без втрати якості у всіх тестах).

17. TinyPNG

Платформа: web

Як і Smush. It, TinyPNG – це безкоштовний веб-сервіс, який може оптимізувати зображення для вас. Просто перетягніть свої файли на веб-сторінку, вона стисне їх і надасть посилання для скачування. Система має деякі недоліки: обмеження розміру файлу до 2 Мб, можливість завантажити за один раз тільки 20 файлів і відсутність можливості пакетного закачування.

У TinyPNG також чітко видно підхід до стиснення за рахунок якості, на відміну від більшості інших інструментів, причому в ній переглядається палітра, щоб зменшити (іноді значно) кількість кольорів, що використовуються. Не дивно, що це виправдовує себе у частині, що стосується необроблених малюнків, за допомогою стиснення нашої веб-графіки PNG на 48% – найкращий результат у цьому тесті. У більшості випадків дуже важко було виявити будь-які відмінності між вихідними зображеннями і стислими версіями.

До речі, кращий показник стиснення без втрати якості серед програм, що локально встановлюються, 40%. Тому, якщо ваш головний пріоритет - якість зображення, або ви просто не хочете постійно порівнювати графіку, намагаючись побачити, чи є різниця, то TinyPNG може бути вам цікавий.

18. Trout's GIF Optimizer 2.3

Платформа: Windows

Trout's GIF Optimizer - інструмент для стиснення, що не потребує встановлення. Параметри в нього, звісно, ​​трохи обмежені. Як ви здогадалися з назви, програма виконує лише стиснення файлів GIFтому у неї немає жодних глобальних параметрів конфігурації, що викликають особливий інтерес (хоча можна вручну оптимізувати палітру окремих зображень). у різний спосіб).

Тим не менш, з Trout's GIF Optimizer дуже легко працювати. Просто імпортуйте вибрані фотографії, зменшення розміру для кожного зображення відображається відразу (це дуже швидко), можна зберегти їх за допомогою лише декількох клацань миші. Але, на жаль, результати стиснення не дуже вражають: наша веб-графіка GIF зменшилася в середньому на 16,7%.

Зведена таблиця по всіх сервісах, що тестуються

Протестовано	Платформа	Стиснення	Зменшення PNG (%)	Зменшення JPG (у%)	Зменшення GIF (у%)
AdvanceComp 1.15	Windows	Без втрати якості	-14.20%
Caesium 1.4.1	Windows		+18.7%
FILEminimizer 3.0	Windows	З втратою / Без втрати якості	-26.8%	-39.3%	-16.5%
FileOptimizer 2.10.135	Windows	Без втрати якості	-42.2%	-17.7%	-15.9%
ImageOptim 1.4.0	Mac	Без втрати якості	-17.8%	-18.3%	-16.2%
JPEGmini Lite 1.4.1	Mac	Без втрати якості		-8.2%
jStrip 3.3	Windows	Без втрати якості		-16.1%
OptiPNG 0.7.3	Windows	Без втрати якості	-32.3%
PNGGauntlet 3.1.2.0	Windows	Без втрати якості	-41.3%
PNGOptimizer 2.2	Windows	З втратою / Без втрати якості	-39.8%
PNGOutWin 1.5.0	Windows	Без втрати якості	-40.5%
PUNYpng	Web	Без втрати якості	-32.1%	-27.5%	-16.1%
RIOT 0.4.6	Windows	З втратою якості	-21.7%	-39%	-42.8%
ScriptJPG	Windows	З втратою / Без втрати якості		-10%
ScriptPNG	Windows	Без втрати якості	-40.1%
Smush. It	Web	Без втрати якості	-35.3%	-1%	-23.9%
TinyPNG	Web	З втратою якості	-48%
Trout's GIF Optimizer 2.3	Windows	З втратою / Без втрати якості			-16.7%

Висновки

Після багатогодинного тестування та загального розкладання програм-учасниць на етапи можна зробити висновок - стиснення зображень дійсно ефективний інструмент оптимізації і дає досить непоганий результат. Усі наші тестові файли PNG можна було зменшувати на 30 - 40%, і навіть файли у форматі JPEG вдалося стиснути на 16-18%. У всіх випадках використовувався стиск без втрати якості, тому якість зображення не знизилася, зображення виглядають так само, тільки завантажуються швидше.

Точні результати, які ви отримаєте, звичайно ж можуть відрізнятися. Але якщо ви не пробували раніше стискати зображення, то, безперечно, варто взяти найкращі з наших програм і спробувати, щоб подивитися, чим вони можуть бути корисні для ваших сайтів.

Загалом FileOptimizer виявився кращим за аналоги для Windows при стисненні без втрати якості, продемонструвавши чудове стисненням (до 42,2%) наших тестових файлів. Файли з розширенням JPG і GIF він теж непогано стискає, а також у ньому є й інші корисні опції(наприклад, стиснення PDF).

Але якщо ця програма вас з якоїсь причини не влаштує, то PNGGauntlet та ScriptPNG також забезпечують гарний стиск PNG, а ImageOptim корисна для Mac, тому що вона дає хороший рівень стиснення JPEG та GIF.

Хоча ми знайшли, що веб-сервіси при тестуванні виявилися менш зручними у використанні, ми не стали б повністю їх виключати. PUNYpng був найкращим при стисненні JPG без втрати якості, а Smush. It переміг всіх конкурентів при стисненні GIF, обидва можуть надати велику допомогу в зменшенні обсягів вашої веб-графіки.

Можна встановити як плагін для Chrome: goo.gl/aDSQ6, Firefox: goo.gl/mlxd0.

У роботі часто стикаються з необхідністю швидко стиснути велику кількість зображень.

Це необхідно:

• збільшення швидкості завантаження сторінки;
• для покращення оцінки у тесті PageSpeed ​​Insights від Google.

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

Методика

1. 1. Завантажуємо програму. Я завантажував з першого вказаного сховища файлів (воно зовнішнє).
2. 2. Встановлюємо. Під час встановлення програма запропонувала додаткове програмне забезпечення одного відомого західного інтернет-магазину. Не забудьте зняти галочки.
3. 3. Якщо збираєтеся стискати вже опубліковані картинки, то з хостингу завантажуємо директорії із зображеннями.
4. 4. У меню програми File вибираємо Batch Conversion/Rename… ("batch" у перекладі з англійської означає "група", "серія", "парія").
   
5. 5. Додаємо всі зображення з папок, для цього:
   1. a. Виділяємо всі папки з картинками.
   2. b. Встановлюємо тип файлів JPG/JPEG (якщо в папках будуть зображення інших форматів, вони будуть ігноруватися).
   3. c. Ставимо галочку Include subdirectories (for Add all…), включити піддиректорії, щоб програма могла працювати з кількома папками, а так само вкладеними папками.
   4. d. Натискаємо Add all.
6. 6. Натиснувши Browse вибираємо директорію, де зберігатимуться папки зі стислими зображеннями.
7. 7. Натиснувши Options переходимо до налаштувань стиснення:
8. 8. Відзначаємо Use advanced options (for bulk resize…) та натискаємо Advanced:
   
   Тут я ставлю лише одну галку, необхідну для того, щоб у кінцевій директорії створювалися піддиректорії (інакше стислі зображення будуть розміщені в одній папці):
   
   Натискаємо OK.
9. 9. В основному вікні натискаємо Start Batch.

На цьому все. При стисненні програма збереже імена зображень та назви папок.

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

Стиснення зображень – дуже важливий процес, адже зрештою він дозволяє заощадити місце на жорсткому диску, сприяє збільшенню швидкості завантаження сайту та економії трафіку. Але, як розібратися серед множини різних програмдля оптимізації зображень, кожне та яких має свій особливий функціонал? Давайте дізнаємося про можливості самих популярних додатківдля стиснення зображень.

RIOT

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

Головним мінусом програми є відсутність російськомовного інтерфейсу.

Caesium

Ще однією популярною програмоюдля оптимізації фотографій є Caesium. Головною фішкою цієї програми є висока точність налаштувань стиснення зображень. Ця утиліта також має дуже зручний графічний інтерфейс. Крім того, на відміну від більшості програм для оптимізації картинок, програма Цезіум русифікована.

У той же час, незважаючи на те, що дана програмапрацює з кількома форматами графічних файлів, вона підтримує обробку далеко ще не всіх популярних розширень. Наприклад, Caesium не працює з форматом GIF.

Light Image Resizer

Досить потужною програмоюдля стиснення та оптимізації фотографій є програма Light Image Resizer. Даний програмний продуктнезважаючи на свій відносно простий вигляд - серйозна утиліта для обробки зображень. Хоча стиснення картинок – це головна функціяданої утиліти, але, крім того, вона має у своєму багажі цілу низку інструментів для редагування фотографій. Програма здійснює обрізання, накладення ефектів, зменшення фізичного розмірузображення, конвертацію у різні формати. Вітчизняному користувачеві сподобається той факт, що утиліта Light Image Resizer – повністю русифікована.

Цей додаток не має істотних недоліків. Хіба що прийняти за недолік той факт, що ця програма одна з небагатьох, описаних у даному огляді, яка має умовно-безкоштовну ліцензію. Тобто за її тривале використання доведеться заплатити.

Advanced JPEG Compressor

На відміну від попередніх додатків, програма Advanced JPEG Compressor не спеціалізується на стисканні кількох типів графічних файлів, а сконцентрована на роботі з одним форматом – JPEG. Вона вважається однією з кращих утилітдля оптимізації файлів з цим розширенням, забезпечуючи високу компресію та швидкість стиснення. Окрім цієї першорядної задачі, програма має функцію редагування зображень, у тому числі за допомогою зручного графічного еквалайзера. Вона здатна конвертувати цілу низку популярних графічних форматіву фали з розширенням JPEG. Крім того, проводиться зворотна конвертаціязображень JPEG у форматі BMP.

Але офіційна версія цієї програми, на жаль, не русифікована. До того ж, функціонал безкоштовної версії, якою можна скористатися нетривалий період, дуже урізаний.

PNGGauntlet

Аналогічним варіантом попередньої програми, що тільки спеціалізується на стисненні зображень у форматі PNG, є утиліта PNG Gauntlet. Завдяки вбудованим інструментам PNGOUT, OptiPNG, Defl Opt, ця програма дуже якісно стискає фотографії. даного формату. Крім того, вона конвертує цілу низку графічних форматів у картинки PNG.

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

OptiPNG

Програма OptiPNG, як і попередня, також призначена для стискання картинок у форматі PNG. Більше того, воно входить як компонент у програму PNG Gauntlet, але може використовуватися і окремо, забезпечуючи висока якістькомпресії даного типуфайлів. Крім того, існує можливість конвертації ряду графічних форматів у формат PNG.

Але, варто відзначити, що істотною незручністю цієї програми є відсутність графічного інтерфейсу, оскільки вона працює через консоль командного рядка.

Jpegoptim

Аналогом програми OptiPNG, що тільки призначений для обробки файлів у форматі JPEG, є утиліта Jpegoptim, яка також працює з консолі командного рядка, і не має графічного інтерфейсу. Але, незважаючи на це, вона вважається однією з найкращих за рівнем компресії картинок JPEG, та швидкістю роботи з ними.

Але, на відміну від OptiPNG, цей додаток не має можливості конвертувати зображення інших форматів у формат, на якому воно спеціалізується (JPEG), тобто є ще більш функціонально обмеженим.

FileOptimizer

На відміну від попередньої програми, FileOptimizer не концентрує свою увагу на роботі тільки з одним типом файлів. Більше того, воно здатне стискати не лише зображення, а й відео, аудіо, документи, програми тощо. Список форматів, файли яких FileOptimizer може оптимізувати, просто вражає. Але, незважаючи на свою всеїдність, програма дуже проста в роботі.

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

Faststone Image Viewer

На відміну від попередньої утиліти, програма Faststone Image Viewer є комплексним додатком для роботи із зображеннями, причому стискання фотографій далеко не головна її функція. Ця програма є, насамперед, потужним переглядачем і редактором картинок, які працюють із величезною кількістю графічних форматів.

Потрібно зазначити, що цей додаток нераціонально використовувати, якщо ви плануєте експлуатувати його тільки як інструмент для стискання фотографій. Це пояснюється тим, що власна вага програми Faststone Image Viewer досить велика, а керування процесом компресії, ускладнене перенасиченим функціоналом утиліти.

Як бачимо, різноманітність програм для стиснення та оптимізації зображень досить велика. Вони можуть спеціалізуватися як на окремому форматі фотографій, так і підтримувати можливість роботи з безліччю форматів картинок, і навіть зовсім інших типів даних. Ці утиліти можуть мати тільки одну функцію – стиснення зображень, або бути дуже багатофункціональними, при цьому компресія файлів може бути далеко не головним їх завданням. Загалом, користувачі мають можливість вибрати саме ту програму для стиснення фотографій, яка їм більше підходить.

Завантажте інсталяційний файліз сайту та встановіть програму для стиснення фотографій на комп'ютер. Фоторедактор запуститься автоматично після завершення інсталяції.

Додайте зображення до програми

Щоб завантажити зображення в Фоторедактор, натисніть кнопку Відкрити файлта виберіть потрібне зображення. Ви можете просто перетягнути файл у вікно програми.

Зменшіть розмір фото

Один із способів стиснути зображення – змінити його розмір. Щоб зменшити зображення, необхідно перейти у вкладку Розмір. Для цього на панелі інструментів натисніть Ще, потім виберіть Розмір. На панелі праворуч виберіть готовий шаблонабо задайте ширину та висоту самостійно. Ви можете вказати розмір у пікселях, відсотках, сантиметрах чи дюймах. Натисніть кнопку Застосувати, щоб зберегти зміни.

Збережіть зображення

Ми рекомендуємо зберегти зображення у форматі JPEG: цей растровий формат дозволяє досягти високого ступеня стиснення. хорошій якостікартинки. Якщо зберегти фото в JPEG, можна налаштувати рівень якості зображення і, таким чином, додатково стиснути фото. Для цього поряд зі списком Тип файлунатисніть на посилання Якість. Рухайте повзунок вліво, щоб стиснути картинку до потрібного розміру. Праворуч від повзунка ви побачите розмір файлу після збереження. Зверніть увагу, що стиснути фото без втрати якості не вдасться. Але якщо виставити рівень якості не менше 80%, то втрати візуально непомітні.

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

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

Програма для стиснення фото Caesium

Caesium - це чудовий інструмент для зниження розміру картинки, який досить простий у використанні (не потрібна наявність специфічних навичок). При цьому у програмі відкритий вихідний кодТому будь-який з достатніми знаннями зможе внести власні корективи. Якщо людина створить хороший алгоритм обробки, у релізі програми функцію вже вбудовано. З огляду на доступність коду програма розвивається дуже швидко.

Програма дозволяє працювати з 3-ма форматами – PNG, JPG, BMP. Незважаючи на обмежений вибір, 95% всіх картинок відносяться до цих форматів. Якщо зображення в іншому форматі, їх завжди можна конвертувати у стандартний JPG або PNG.

Істотним обмеженням у роботі є те, що з PNG утиліта працює виключно в 24-бітному форматі.

Щоб використовувати програму, достатньо дотримуватися інструкцій:

1. Завантажити програму;
2. Перетягнути картинки, які плануєте стиснути, у найбільше поле;

1. У розділі «Compression Options» необхідно змістити повзунок у позицію «Quality», якщо пріоритет робиться якість вихідної картинки;
2. Поле Output Folder потрібно заповнити шляхом для вивантаження зображень після обробки;
3. Запустити процедуру можна, натиснувши Compress!;

1. Свідчить про прогрес дії шкали знизу;
2. Після закінчення можна відкрити оброблену фотографію.

Програма для стиснення фотографій FILEminimizer Pictures 3.0

Програма відрізняється радикальним баченням проблеми. У процесі стиснення більшість програм намагаються зберегти якість, розмір, формат тощо. FILEminimizer Pictures при налаштуваннях за замовчуванням здатний змінювати формат, розмір, кодування та усувати метадані. Установити більш щадний режим можна в налаштуваннях, хоча поведінка програми можна змінити не в усьому.

Принцип роботи досить стандартний і потребує мінімальної кількості дій. Необхідно виконати такі дії:

1. Вказати вихідне зображення або декілька;

1. Вибрати папку, куди будуть розміщені оброблені копії;
2. Знизу налаштувати «Compression Setting», де є 3 положення: Low/Print – найнижча якість, Standard – середнє поєднання якості та розміру, Web/E-mail – стиск з мінімальною втратою якості;

1. Налаштувати поведінку програми, якщо є потреба;
2. Запустити алгоритм, натиснувши на "Optimize Files".

Що ж до результатів стиснення, виконувався тест, під час якого було встановлено зменшення розміру залежно від якості картинок і формату: PNG – 26,8% (звичайний результат), GIF – 16,5% (хороший показник), JPG для web- ресурсів - 39,3% (найкращий результат серед усіх досліджуваних програм). У кожному разі втрата якості візуально помітна.

FastStone Image Viewer

Різні способи, як стиснути фото для відправки поштою, навряд чи зможуть зрівнятися з FastStone Image Viewer. Програма має закритий код, але розробляється професійно. Програма досить функціональна і може обробляти зображення різними методами, А стиск є лише частиною всіх функцій. Програма більшою мірою використовується як альтернатива стандартній утиліті перегляду картинок.

Важлива перевага програми – вона дозволяє змінювати ширину та висоту фотографії. Для інтернету та пошти функція дуже важлива, тому що не всі послуги працюють з безліччю форматів. Також програма дозволяє архівувати зображення, щоб не засмічувати місце на пошті.

Розглянемо, як використовувати програму:

1. Завантажити додаток із сайту https://www.faststone.org/;
2. Після встановлення потрібно вказати шлях до картинок за допомогою навігації зліва. При роботі з великою кількістю рекомендується створити окрему папкудля зображень, щоб було легко здійснювати імпорт;

1. Клік на кнопку "Файл";
2. Вибрати пункт "Email";
3. У меню потрібно налаштувати «Вибір розміру» — серед списку, що випадає, вибрати відповідний розмір. Серед допоміжних функцій можна вибрати "Додати рамку", "Перейменувати" - вказується формат імені. За потреби економити місце або трафік потрібно натиснути «Упакувати в архів»;
4. Натиснути кнопку «Надіслати по E-mail», якщо ці картинки потрібні і на комп'ютері, натисніть «Скопіювати в».

ImageCompressor

Тепер розглянемо спосіб, як стиснути фото без втрати якості, точніше, з мінімальною та непомітною окою втратою. Програма ImageCompressor є досить потужною, але не функціональною. З огляду на те, що нам і потрібна лише одна функція, утиліта цілком підходить. Людське око не відчуває зниження якості.

Для застосування програми потрібно:

1. Завантажити та інсталювати утиліту;
2. Виконати імпорт зображень, для відкриття Провідника потрібно клацнути на клавішу з трикрапкою;

1. Біля «Quality» встановлено повзунок, який регулює відношення зниження якості та зменшення ваги;
2. Щоб отримати картинку з вихідним розміром або навпаки зробити його менше, потрібно виділити пункт Size in %, для повнорозмірного режиму потрібно задати 100;
3. Для вибору формату потрібно зазначити пункт Save as виділивши радіо-точку біля потрібного формату JPEG чи PNG;

1. Біля рядка, що трохи нижче від вибору формату, потрібно вказати шлях до папки для запису картинок;
2. Після того, як установки будуть встановлені, потрібно натиснути «Compress All».

FileOptimizer

Оптимальна програма для прискорення завантаження веб-сторінок. Тут все виконано дуже інтуїтивно зрозуміло. Від користувача потрібно лише трохи дій, решта FileOptimizer зробить сама.

1. Завантажити та запустити програму;

1. Зробити клік на «Add files…» та у вікні Провідника вибрати необхідні файлидля компресії;
2. Натиснути на «Optimize all files» і чекати на закінчення процедури, стежити за процесом можна в стовпці «Status».

Програма містить деякі налаштування, якщо в них поглиблюватися бажання немає, можна використовувати описану вище інструкцію. Переглянути опції можна у пункті «Options…».

Стиснення виконується максимально швидко при обробці JPEG формату, а з PNG утиліта справляється довше. Програма не псує якість зображення, але стиснення відбувається з невеликою відмінністю розміру.

Компресія картинок дозволяє значно прискорити процес завантаження сторінок сайтів, знизити кількість місця на хостингу і в цілому оптимізувати ресурс.

Якщо у Вас залишилися питання на тему «Огляд найкращих програмдля стиснення фотографій», то можете задати їх у коментарі