WebSEO

Веб студия создания сайтов и незаменимый помощник при самостоятельном создании сайта с нуля.

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

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

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

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

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

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

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

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

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

Поиск по сайту
Поделиться идеей
Есть идеи на счёт новых статей? Хотите выяснить нюансы или предложить свои услуги? По любым вопросам относительно этого раздела нашего сайта, пишите на supportwebseokz
Написать
Сервис обратного звонка RedConnect