Руководство по оформлению картинок с учётом SEO

Краткое руководство по seo оптимизации картинок для оформления вашего сайта или блога. 

Оптимизация изображения это:

  • Уникальность фото;
  • Сжатие (уменьшение веса размера);
  • Удаление лишних метаданных;
  • Корректное оформление масштабирования;
  • Использование оптимальных форматов картинок;
  • Разумная насыщенность.

Уникальность фото

Борьба за уникальность картинок используемых на сайте еще не достигла апогея, но начинает активно распространяться среди веб-мастеров. «Возглавляет» эту работу, сервис Tineye.com. Сервис очень простой и сделать картинку уникальной, по этому сервису, тоже не сложно.

Сжатие фото

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

Удаление ненужных метаданных

Век цифровой фотографии картинка становиться носителем всякого информационного мусора, от информации о камере, до адреса фотографа. Этот EXIF нужно удалять, конечно, если он не нужен.

Правильное масштабирование фото на сайте

Это правило оптимизации фото, звучит так: Исходный размер фото, загруженного на сервер, должен быть практически одинаков с размером отображаемого фото. Например, оригинал фото 1800×1200. Лучше уменьшить его размер до 600×400, затем загрузить на сервер и показать на сайте в уменьшенном варианте.

Использование оптимальных форматов картинок

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

Разумная насыщенность

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

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

 

 

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

Google PageSpeed Insights

Всем известный сервис Google PageSpeed Insights от Google для сравнительной проверки скорости вашего сайта. С недавнего времени, помогает не только выявить проблемы медленной загрузки сайта, но и моментально сжать «тяжелые» фото.

GTmetrix

Аналогичный всем известный Канадский сервис для анализа скорости загрузки сайта GTmetrix. Помимо всего прочего, дает свой оптимальный вариант сжатого фото, найденного на сайте. На вкладке «Optimize Images» ищем ссылки «See optimized version» под каждым фото.

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

Iloveimg.com

Русскоговорящий онлайн сервис для сжатия и другой обработки фото с забором фото с диска компьютера и двух облачных серверов.

  • Отличный компрессор помогает быстро сжать JPG, PNG или GIF фото с сохранением качества.
  • Можно забрать фото из Google Drive и Dropbox.
  • Кроме этого: конвертирует фото в/из JPG, поворачивает, обрезает, меняет размер.

IMGonline

Данный сервис говорит на русском языке и может сжать фото в форматах BMP, GIF, JPEG, PNG, TIFF в формат JEG по заданным настройкам.

На сервере есть стандартный набор инструментов для работы с фото:

  • Изменить размер картинки;
  • Конвертировать формат;
  • Редактор мета данных EXIF;
  • Эффекты для фото (20 штук);
  • Улучшить качество фото;
  • И еще около 30 фото инструментов.

JPG Zipper

Отличный инструмент онлайн сжатия фотографий форма JPG. Работает моментально, без загрузчика, только перетаскивание фото.

JPEGmini

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

Online Image Optimizer

Оптимизатор изображений позволяет оптимизировать анимированные JPG, PNG и GIF. Есть функция одновременной конвертации. Заявлен максимальный размер загрузки: 2,86 MB, по факту не берет более 1,5 MB и то не всегда.

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

Сжимает ГИФКИ.

 

 

/ продолжение следует /

 

 

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Оставить комментарий