Оптимизация изображений для сайта

ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЙ ДЛЯ САЙТА

Изображения, картинки, иллюстрации и другие графические материалы на сайте вызывают дополнительный интерес, являются одним из факторов удержания внимания и создают интерес к контенту страницы. Также следует помнить, что чрезмерное количество изображений на одной странице сайта приводит к увеличению скорости загрузки страницы. Из-за чего следует просто правило — оптимизация изображений (уменьшение размера файла с изображением без потери качества).

ЗАЧЕМ НЕОБХОДИМО ОПТИМИЗИРОВАТЬ КАРТИНКИ?

Наличие на странице сайта тематических изображений, повышает восприятие текста. Люди по своей натуре ленивы и большой текст их пугает и как итог побуждает закрыть страницу.

И хоть важно разбавлять текст картинками, их необходимо оптимизировать. Очень важно, чтобы картинки быстро загружались, были тематическими, привлекательными, информационными и вызывали нужные ассоциации.

Зачем необходимо оптимизировать картинки?
Качественные, оптимизированные картинки повысят шанс увеличить видимость и узнаваемость сайта. Для достижения таких результатов, необходимо следовать простым правилам:
  • изображение должно быть тематическое;
  • изображение обладает информацией (название услуги, особенности, характеристики, стоимость, сроки и др.);
  • публикуемые изображения на сайте должны быть уникальными (есть исключения для интернет-магазинов);
  • защита от воровства — водяной знак (логотип организации), но наличие знака не должно мешать восприятию картинки глазу посетителя;
  • формат изображений — Google может индексировать типы изображений в форматах BMP, GIF, JPEG, PNG и WebP, а также SVG.

На вашем сайте долго прогружаются картинки? Страница загрузилась, а картинки нет? Хотите мы вам поможем?

ВАЖНОСТЬ ЗАПОЛНЕНИЯ АТРИБУТОВ ALT

Многие посетители смотрят только на поверхность самого изображения, когда для специалиста студии SEO-SM.ru интерес представляет правильная оптимизация с технической стороны.

Пример кода ссылки (если картинка расположена на сайте)
<img src="/images/tortik.jpg" alt="Пироженко" title="">

Пример кода ссылки (если картинка расположена на другом сайте)

<img alt="Пироженко" src="https://mykaleidoscope.ru/uploads/posts/2020-03/1583185846_11-p-shokoladnie-pirozhnie-41.jpg">

Тег Alt (альтернативный текст) — это описание того, что находится на изображении.Главная роль тега Alt имеет большое значение в SEO-оптимизации изображения: если изображение не загрузилось на странице в место него появляется альтернативный текст; поисковые системы для правильной индексации содержимого на изображении смотрит также на альтернативный текст.

БЕСПЛАТНЫЙ АУДИТ ВАШЕГО САЙТА

Оцените потенциал вашего сайта с выгодой для себя! Воспользуйтесь бесплатным аудитом и узнайте о проблемах, конкурентах, ошибках и возможностях развития вашего ресурса.

КАК ОПТИМИЗИРОВАТЬ КАРТИНКИ НА ПРАКТИКЕ

А теперь от теории к практике! Допустим у вас есть готовые изображения для сайта, а точнее для интернет-магазина и их более 3000 штук. Голова кружится только от мысли, что придется потратить КУЧУ времени на оптимизацию каждой картинки в ручную.

ОРИГИНАЛ. Фото котика взято из сети интернет и опубликована в нашей статье без оптимизации.

  • Размер файла: 1600x1200px
  • Объем файла (вес): 275Kb
  • Качество: 100%
  • Оптимизация: Нет

ОПТИМИЗАЦИЯ. Фото прошло обработку и опубликовано в нашей статье с оптимизацией.

  • Размер файла: 600x450px
  • Объем файла (вес): 67,4 Kb
  • Качество: 50%
  • Оптимизация: Да

КАКИМИ ИНСТРУМЕНТЫ ПОДОЙДУТ ДЛЯ ОПТИМИЗАЦИИ

Специалисты по работе с контентом имеют обширные знания и большую практику по работе с изображениями. На протяжении долгого времени окружили себя вспомогательными инструментами, которые облегчают им работу. Ниже мы покажем сервиса и программы, которыми пользуются наши дизайнеры для обработки изображений:

ОНЛАЙН СЕРВИС
Сжать JPG, PNG, SVG или GIF с самым лучшим качеством и сжатием. Уменьшить размер файла с вашими изображениями одновременно.

ОНЛАЙН СЕРВИС
Эффективная комбинация лучших алгоритмов сжатия с без потерь для уменьшения размера изображений в форматах JPEG, GIF и PNG.

ОНЛАЙН СЕРВИС
Сжатие JPG, если необходимо уменьшить размер файла ваших изображений, фотографий, рисунков и графики.

PHOTOSHOP
Считается наилучшим многофункциональным графическим редактором, программа лидирует в сфере средств редактирования растровых изображений.

CAESIUM
Программа для пакетного сжатия и обрезки цифровых изображений. Приложение полностью бесплатное для использования, поддерживает русский язык.

IMAGE TUNER
Небольшое приложение для обработки фотографий. С помощью утилиты можно обработать сразу несколько изображений. Есть возможность конвертирования файлов.

ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЯ И РОСТ ТРАФИКА!

Сделайте ваш сайт быстрее и привлекательнее для пользователей! Получите ответы на все вопросы и бесплатную консультацию от профи по оптимизации изображений.

4