Сжатие картинок

Вы знаете, что две одинаковые картинки могут весить по-разному? Обычно в файле с изображением, кроме графики, хранится куча другой информации: дата создания, место съемки, марка фотоаппарата и др. Если удалить эти данные, и оптимизировать картинку - она станет легче. Ниже мы расскажем как уменьшить вес картинки без потери качества.

Если при анализе Google PageSpeed Insights советует оптимизировать изображения, то эта статья для вас!

Зачем оптимизировать картинки?

  • Скорость. Тяжелые изображения сильно влияют на скорость загрузки сайта. Если картинки станут легче - сайт будет быстрее загружаться. Это хорошо скажется на его выдаче в поисковиках, и очень понравится вашим посетителями.
  • Вес. После оптимизации весь сайт станет занимать меньше места на сервере. Если у Интернет-магазина много товаров, то сжатие картинок позволит сэкономить на стоимости хостинга, а когда нужно будет сделать бэкап - сэкономите много времени.

Как сжимать картинки?

С помощью того же Google PageSpeed Insights. После его анализа можно скачать сжатые картинки для одной страницы сайта. Главное потом положить эти картинки на сервер в соответствующую папку, заменив оригиналы. Идеально для одностраничных Landing Page.

Пример PageSpeed Tools

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

9 лучших (по нашей версии) онлайн сервисов, по оптимизации картинок для сайта.

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

Комментарии


Как обычно, мы открыты для общения и вы можете смело писать свои комментарии, задавать вопросы и просто делиться мнением. Ваши отзывы очень важны для нас!