Вы знаете, что две одинаковые картинки могут весить по-разному? Обычно в файле с изображением, кроме графики, хранится куча другой информации: дата создания, место съемки, марка фотоаппарата и др. Если удалить эти данные, и оптимизировать картинку - она станет легче. Ниже мы расскажем как уменьшить вес картинки без потери качества.
Если при анализе Google PageSpeed Insights советует оптимизировать изображения, то эта статья для вас!
Зачем оптимизировать картинки?
- Скорость. Тяжелые изображения сильно влияют на скорость загрузки сайта. Если картинки станут легче -
сайт будет быстрее загружаться . Это хорошо скажется на его выдаче в поисковиках, и очень понравится вашим посетителями. - Вес. После оптимизации весь сайт станет
занимать меньше места на сервере . Если у Интернет-магазина много товаров, то сжатие картинок позволит сэкономить на стоимости хостинга, а когда нужно будет сделать бэкап - сэкономите много времени.
Как сжимать картинки?
С помощью того же Google PageSpeed Insights. После его анализа можно скачать сжатые картинки для одной страницы сайта. Главное потом положить эти картинки на сервер в соответствующую папку, заменив оригиналы. Идеально для одностраничных Landing Page.
Сжать изображение можно и в обычных графических редакторах типа фотошопа или паинта, но это долго и муторно. Мы расскажем вам о бесплатных онлайн ресурсах которые облегчат жизнь. Все они работают по одному принципу: загрузил картинки на сайт - кликнул на пару кнопочек - скачал себе сжатые картинки.
9 лучших (по нашей версии) онлайн сервисов, по оптимизации картинок для сайта.
- OptiPic (png, jpeg, jpg)
- Это просто находка для оптимизаторов, всё очень удобно и легко настраивается.
- После сжатия точно не ругается PageSpeed Insights, а такое далеко не после всех компрессоров.
- Внедряется прям на сервер в папку сайта и сжимает все картинки, которые там находит.
- Можно сохранять копии оригиналов на всякий случай.
- Нужна регистрация.
- Сжатия платные, но цена вообще смешная.
- TinyPNG, TinyJPG (png, jpg)
- Эта милая панда делает сжатие картинок до 70% размера файла.
- Интегрируется сайтом - автоматически сжимает картинки при загрузке на сайт, до 500 шт в месяц, потом платно.
- Загрузить можно до 20 изображений за раз.
- Работает с небольшими изображениями до 5 мб.
- Сompressjpeg (jpeg, jpg)
- Автоматически оптимизирует при загрузке на сайт.
- Можно настроить вручную степень сжатости.
- Показывает процент сжатия.
- Обрабатывает до 20 изображений за раз.
- Файлы до 10 мб.
- Compressor (jpeg, png, gif, svg)
- Имеет 2 режима сжатия: lossles и lossy.
- Сжимает размер картинки до 90%.
- Поддерживает картинки до 10 мб.
- EzGIF (gif)
- Онлайн ресурс, который позволяет сжать анимированную картинку.
- Позволяет делать из фото гифки.
- Имеет 3 режима сжатия.
- JPEGmini (jpeg)
- Лаконичный интерфейс без дополнительный настроек.
- Работает с файлами до 10 мб.
- Для групповой загрузки фотографий нужна регистрация.
- Online Image Optimizer (gif, jpg, png)
- Обрабатывает небольшие изображения до 2.86 мб.
- Преобразовывает файлы между форматами JPG, PNG, GIF.
- Оптимальное сжатие картинок с минимальной потерей качества.
- Web Resizer (png, jpeg)
- Хороший сервис сжатия картинок.
- Размер файлов до 10 MB.
- Расширенные настройки: обрезка, размер, качество, резкость и др.
- 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 тенге в зависимости от количества картинок на сайте. Сделаем всё быстро и качественно!