Як стиснути зображення: 8 простих способів

• SEO

• 
  копірайтер
  Тетяна Шевченко

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

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

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

Зміст:

1. Що таке вага та роздільна здатність картинки
2. Популярні комп’ютерні програми
3. Paint
4. Adobe Photoshop
5. Preview
6. Онлайн-сервіси
7. iLoveIMG
8. Tiny
9. Optimizilla
10. IMGonline
11. Compressor
12. Підсумки

Коротка теорія: що таке вага та роздільна здатність картинки?

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

Зображення з високою роздільною здатністю забезпечують кращу якість друку, але часто недоцільні для завантаження на сайти, адже навіть на моніторі з параметрами 1920 на 1080 px, вони не будуть відкриватися користувачем у повному форматі. У більшості випадків оптимальний варіант — до 1000 px завширшки і вагою 300–400 кб. Досягти потрібних характеристик можна такими способами:

1. Стиснути зображення, що допоможе зробити його легшим, але збереже поточний розмір. Використовуючи цей метод, потрібно розуміти: якість погіршиться, кольори будуть менш насиченими, а картинка — не настільки чіткою при масштабуванні.
2. Зменшити роздільну здатність. Таким чином, кілька маленьких квадратів (пікселів) картинки об’єднуються в один великий, вага знижується. Наприклад, відредагувавши параметри з 4032 x 3024 px на 1280 x 960 px, можна зменшити зображення приблизно на 1 Мб. Але як наслідок — можлива повна втрата дрібних деталей знімка.
3. Використовувати обидва варіанти та оптимізувати зображення – найкраще рішення для мінімальної втрати якості, і водночас поліпшення завантаження на вебсайті.

Як зменшити розмір фото: популярні комп’ютерні програми 

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

Серед найпопулярніших комп’ютерних програм, де легко як зменшити розмір фотографії, так і змінити її інші параметри (корекція кольору, кадрування тощо), такі.

Paint 

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

• натисніть на вкладку «Файл»;
• виберіть параметр «Змінити розмір»;
• вкажіть необхідні висоту і ширину фото;
• підтвердіть зміни кнопкою «ОК»;
• збережіть за допомогою комбінації клавіш Ctrl+S.

На замітку: Можна вказати один параметр, наприклад, тільки ширину, а інший відредагується автоматично — для цього поставте позначку біля «Зберігати пропорції». Коли ж потрібно самостійно задати всі показники, враховуйте, що це може призвести до спотворення зображення.

Adobe Photoshop 

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

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

• вибрати пункт «зображення» → «розмір зображення»;
• вказати потрібні ширину та висоту, щоб стиснути зображення до потрібної роздільної здатності;
• відмітити якість «найкраща»;
• поставити галочку «автоматичний вибір роздільної здатності» в пункті «підігнати під» (dimensions).

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

Adobe Photoshop — оптимальний варіант для контент-менеджерів, фотографів, web- і графічних дизайнерів, SMM-фахівців, які займаються комплексним опрацюванням зображень. Для швидкої роботи десктопної версії важливо мати потужну відеокарту.

Preview

Відмінний аналог MS Paint для користувачів ОС iOS дає змогу легко налаштувати потрібний розмір картинки в кілька кліків. Клацніть «Показати панель інструментів розмітки» (якщо вона прихована), а потім «Налаштувати розмір». Введіть необхідні значення. Щоб зменшити фотознімки зі збереженням поточної якості, перед коригуванням необхідно зняти позначку «змінити зображення».

До речі, в Preview легко відредагувати кілька картинок одночасно. Відкрийте їх в одному вікні програми та виберіть у бічному меню.

Майте на увазі: навіть після зміни розміру краще стиснути зображення, щоб зменшити їхню вагу. Це можна зробити в таких комп’ютерних програмах:

• Image Compressor;
• FILEminimizer;
• Caesium;
• Light Image Resizer;
• RIOT.

Деякі доступні тільки для Windows.

Підпишись на гарячі

Маркетинг-новини

МАРКЕТОЛОГ 2.0 >

Підпишись на щомісячний

Дайджест новин

Зменшуємо розмір зображення онлайн

Онлайн-сервіси набирають дедалі більшої популярності серед завзятих інтернет-користувачів — це зручно, швидко і, в більшості випадків, безкоштовно. Ще один плюс: на одному ресурсі часто можна як знизити розмір фотографії онлайн, так і стиснути зображення.

iLoveIMG

iLoveIMG — один із найзручніших редакторів із широкою функціональністю. З його допомогою можна стиснути зображення онлайн (працює з jpg, png, svg та іншими форматами), змінити роздільну здатність, обрізати, додати вотермарку, текст, рамку або стікери. Користування сервісом безкоштовне, але також можна придбати premium-підписку.

Tiny

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

Сервіс має дві окремі версії: tinypng.com дає змогу стиснути зображення png, а tinyjpg.com, підтримує jpg-файли. Також є плагіни на Adobe Photoshop і WordPress.

Optimizilla

Онлайн-оптимізатор картинок використовує розумну комбінацію алгоритмів, які можуть стиснути зображення без втрати якості або з мінімальним її погіршенням. Ресурс підтримує формати jpg, gif і png, дає можливість завантажувати до 20 фотографій одночасно. Після автоматичної оптимізації ваги її можна відрегулювати самостійно за допомогою повзунка.

IMGonline

Безкоштовний сайт об’єднує в собі кілька функцій графічного редактора: зміна роздільної здатності, зменшення ваги, конвертація в різні формати. Є також набір ефектів та інструментів, наприклад, розмиття зображення або зміна білого фону на прозорий. До речі, сервіс IMGonline — український. Якщо користувача цікавить, як стиснути фотографію на телефоні, достатньо зайти на сайт через браузер свого гаджета.

Compressor

Вебресурс пропонує три шляхи оптимізації зображення: з погіршенням або збереженням якості та звичайний — відповідно, відрізнятиметься і вага. Але навіть при виборі першого варіанта платформа мінімізує втрати чіткості та деталізації фотознімків. До того ж Compressor дуже простий у використанні: потрібно вибрати картинки і за кілька секунд завантажити їх у полегшених версіях. Стиснути зображення онлайн у застосунку можна безкоштовно, додатково пропонується Pro-пакет. 

Якщо потрібно зменшити і стиснути зображення на смартфоні, можна скористатися мобільними версіями зазначених ресурсів через веббраузер телефону або завантажити відповідні додатки, наприклад Resizer — для власників смартфонів з ОС Android; Resize It, Compress Photos & Pictures — підійде тим, кого цікавить як знизити розмір фото на айфоні.

Підсумок

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