Зменшіть вагу своїх зображень 4 д компресори; зображення до; тест
Оновлено: 22 березня 2020 р
В Інтернеті повно компресорів зображень, які обіцяють вам безпрецедентне освітлення ваших зображень без втрати якості. Сьогодні ми випробуємо 4 інструменти, щоб побачити, який із них пропонує найкращу оптимізацію щодо співвідношення якості/ваги.
Зміст статті
Чому важливі компресори зображень
Швидкість завантаження веб-сайту є стратегічним елементом, який:
- вплинути на ваш органічний SEO.
- покращити взаємодію з користувачем.
- заохочує конверсії на вашому веб-сайті.
- дозволяє ефективно спілкуватися з підключеною ціллю.
Зображення впливають на вагу ваших сторінок і, отже, на їх швидкість завантаження. Ми тестуємо 4 інструменти, щоб визначити, який із них найкращий для стиснення JPEG та PNG.
Стиснення фотографій JPEG
Якщо ви хочете зменшити розмір фотографії JPEG, ви балуєтесь вибором. Ви можете використовувати спеціалізоване програмне забезпечення, таке як Photoshop, GIMP (різновид безкоштовного Photoshop) або онлайн-компресори.
Для сьогоднішньої демонстрації ми стиснемо зображення Хлої Алексіс, яке було завантажено на сайт Unsplash. Оригінальне зображення має ширину 2000 пікселів, довжину 3000 пікселів і важить 1,4 МБ. Ми збережемо оригінальні розміри цієї фотографії, щоб виділити "ефект стиснення", оскільки зміна розміру зображення також впливає на кінцеву вагу.
Стиснення зображення за допомогою Photoshop
Чудова річ у Photoshop полягає в тому, що ви повністю контролюєте якість вашого кінцевого зображення. Цей інструмент дозволяє попередньо переглянути зміни перед їх застосуванням. Потім ви можете протестувати кілька рівнів стиснення, перш ніж вибрати той, який вам найбільше підходить. У наступному прикладі ми протестували три якості зображення.
Це зображення зберігає зовнішній вигляд навіть при максимальному стисканні для досягнення версії "низької якості". Вам потрібно збільшити зображення, щоб побачити невелику різницю між різними версіями. Ви помітите, що ніс симпатичної панянки "нерівний" на низькоякісній версії. Те, чого ти не бачиш у звичайному масштабі. З іншого боку, різниця у вазі між трьома версіями вражає.
TinyJPG
TinyJPG - це безкоштовний веб-інструмент, який автоматично визначає оптимальний рівень стиснення для вас. Цей інструмент більше підходить для початківців. Після першого стиснення зображення важить лише 444 КБ, що дорівнює економії 68%.
Якщо я наближаю обличчя моделі, залежно від рівня пікселізації, роблю висновок, що кінцеве зображення порівнянне з проміжною версією між середньою та високою якістю, створеною Photoshop у попередньому прикладі.
Компресор
Компресор - це безкоштовний компресор, доступний також в Інтернеті. Він може стискати PNG, JPG, GIF та SVG. Зображення, оптимізоване за допомогою компресора, важить 947 КБ, що означає економію в 31%. Фотографія набагато кращої якості, ніж у TinyJPG, але різниця видно лише при збільшенні зображення.
Стиснути JPEG
На відміну від двох попередніх інструментів, ця платформа доступна французькою мовою. Застосовується для стиснення файлів JPG, PNG та PDF та навіть для перетворення зображень PNG у JPEG; JPEG в PNG, а також SVG в JPEG. Остаточна фотографія - лише 931 КБ, економія 32%.
Вирок
Існує ряд інструментів, які допоможуть вам стиснути ваші зображення, але не всі створені однаково. В кінці наших тестів з Photoshop та 3 онлайн-компресорами ми отримуємо такий результат:
| Photoshop | 1,2 МБ 555 КБ 245 КБ | Висока якість Середня якість Низька якість |
| TinyJPG | 444 КБ | Порівняно із середнім - високоякісна фотографія Photoshop |
| Компресор | 947 КБ | Висока якість |
| CompressJPEG | 931 КБ | Висока якість |
Саме TinyJPG пропонує найцікавіший результат щодо співвідношення якості/ваги. Оскільки зображення дуже велике, ви можете дозволити собі стиснути його без втрати якості, помітної в звичайному масштабі. У цьому випадку, якби мені знадобилося зображення шириною 2000 пікселів, я б обрав низькоякісну версію Photoshop.
Стиснення зображення PNG
Давайте зробимо той самий експеримент цього разу з зображенням, яке містить текст. Початкове зображення - 973 пікселів на 819 пікселів і важить 468 КБ. Цього разу ми будемо використовувати компресори зображень Photoshop, TinyPNG, Compress PNG та Compressor.
TinyPNG і TinyJPG є абсолютно однаковим інструментом і дозволяють стискати як PNG, так і JPEG. Ці інструменти взаємозамінні.
У цьому випадку компресор є найпотужнішим інструментом. За ним уважно стежить TinyPNG.
Висновки
- Photoshop - це програмне забезпечення, яке надає вам найбільшу гнучкість. Це дозволяє попередньо переглянути та протестувати кілька рівнів стиснення перед тим, як зробити вибір. Крім того, Photoshop також є платформою, яка дозволяє редагувати фотографії та обрізати їх раніше стиснути їх. Проблема лише в тому, що цей інструмент не безкоштовний.
- TinyPNG (або TinyJPG), здається, дуже добре стискає як JPEG, так і PNG. Це життєздатний інструмент для ефективного та безкоштовного стиснення ваших фотографій. З іншого боку, перед використанням інструменту вам потрібно буде обрізати зображення та відредагувати їх.
- Якщо ваша остаточна фотографія великого розміру, ви можете дозволити собі стиснути якомога більше, не впливаючи на зображення в звичайному масштабі. Звичайно, кожна фотографія різна, і ви повинні протестувати оптимальну компресію.
В Інтернеті є безліч компресорів зображень. Який ваш улюблений інструмент?