Як стиснути фото або картинку для сайту без втрати якості

1. Навіщо оптимізувати картинки?
2. 8 кращих (за нашою версією) онлайн сервісів, по оптимізації картинок для сайту.
3. Програма для оптимізації картинок
4. висновок

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

Якщо при аналізі Google PageSpeed ​​Insights радить оптимізувати зображення, то ця стаття для вас!

Навіщо оптимізувати картинки?

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

Як стискати картинки?

За допомогою того ж Google PageSpeed ​​Insights . Після його аналізу можна скачати стислі картинки для однієї сторінки сайту. Головне потім покласти ці картинки на сервер в відповідну папку, замінивши оригінали. Ідеально для односторінкових Landing Page.

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

8 кращих (за нашою версією) онлайн сервісів, по оптимізації картинок для сайту.

1. TinyPNG , TinyJPG (Png, jpg)
   • Ця мила панда робить стиснення картинок до 70% розміру файлу.
   • Інтегрується сайтом - автоматично стискає картинки при завантаженні на сайт, до 500 шт в місяць, потім платно.
   • Завантажити можна до 20 зображень за раз.
   • Працює з невеликими зображеннями до 5 мб.
2. Сompressjpeg (Jpeg, jpg)
   • Автоматично оптимізує при завантаженні на сайт.
   • Можна налаштувати вручну ступінь стислості.
   • Показує відсоток стиснення.
   • Обробляє до 20 зображень за раз.
   • Файли до 10 мб.
3. Compressor (Jpeg, png, gif, svg)
   • Має 2 режиму стиснення: lossles і lossy.
   • Стискає розмір картинки до 90%.
   • Підтримує картинки до 10 мб.
4. EzGIF (Gif)
   • Онлайн ресурс, який дозволяє стиснути анімовану картинку.
   • Дозволяє робити з фото гифки.
   • Має 3 режими стиснення.
5. JPEGmini (Jpeg)
   • Лаконічний інтерфейс без додатковий налаштувань.
   • Працює з файлами до 10 мб.
   • Для групової завантаження фотографій потрібна реєстрація.
6. Online Image Optimizer (Gif, jpg, png)
   • Обробляє невеликі зображення до 2.86 мб.
   • Перетворює файли між форматами JPG, PNG, GIF.
   • Оптимальне стиснення картинок з мінімальною втратою якості.
7. Web Resizer (Png, jpeg)
   • Хороший сервіс стиснення картинок.
   • Розмір файлів до 10 MB.
   • Розширені настройки: обрізка, розмір, якість, різкість і ін.
8. Imagify (Gif, jpg, png)
   • Оптимізує картинки безпосередньо з сайту.
   • Має 3 режими: normal, agressif, ultra.
   • Сумісний з сайтами на базі CMS WordPress.
   • Потрібна реєстрація.
   • До 2 мб в безкоштовній версії.

Програма для оптимізації картинок

Програм для стиснення картинок без втрати якості, як і сервісів дуже багато. Вам потрібно лише вибрати на свій смак. Для комплексної роботи є безкоштовна програма FileOptimizer . Вона має купу можливостей і підтримує багато форматів: GIF, GZ, JAR, MNG, JPEG, PNG, PPTX, PUB, PDF, ZIP, і ін.

Як працювати з програмою.
Для оптимізації картинок з сайту потрібно:

• скопіювати собі картинки з сервера (потрібен FTP доступ);
• вибрати в програмі папку з файлами на своєму комп'ютері;
• чекати, поки вона все зробить за вас;
• завантажити готові картинки назад на сервер.

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

висновок

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

Звертайтеся до нас! Ми вивчимо налаштування вашого сайту, вивантажимо все картинки, стиснемо і завантажимо їх назад. Вартість від 5000 тенге в залежності від кількості картинок на сайті. Зробимо все швидко і якісно!

Замовити на Kwork