Сначала разберемся что такое оптимизация изображений для сайта и для чего она нужна.
Изображения грузятся с сервера и если не уменьшить их размер, то сайт будет загружаться дольше обычного тем самым это скажется как на посетителе так, и на продвижении сайта в целом.
Перед загрузкой на сайт нужно будет оптимизировать изображение — т.е уменьшите ее вес и в этом нам помогут онлайн-сервисы оптимизации изображений.
Сервис №1 который я хочу порекомендовать www.iloveimg.com
Сервис позволяет вам сжать файлы таких форматов как Gif, jpeg, png без потери качества.
На этом сайте очень много функций поэтому лучше ознакомиться самостоятельно.
Сервис №2 https://tinypng.com
Как сжимать изображения (уменьшить размер фото)
Покажу результаты сжатия фото на примере сайта IloveImg.
Далее скачиваете себе на компьютер сжатое фото и можете использовать у себя на сайте.
Поисковые системы любят быстрые оптимизированные сайты это благоприятно влияет на поисковую выдачу и ранжирование сайта. При написании этой статьи для оптимизации фото я использовал сервис IloveImg.
Как оптимизировать изображение с помощью атрибута alt
Если вы работаете с версткой или в конструкторе сайтов, в теге img есть атрибут alt = Описание фото . Поисковики любят подписанные изображения. По картинкам к вам может прийти трафик с поисковых систем.
<img src="Путь до картинки" alt="тут нужно написать осмысленное описание изображения" />
Переименовать название файла
Название файла должно быть не 45225а.jpg, а переведено в название картинки. Вот пример:
Есть у нас на сайте картинка и у нее alt=»Как оптимизировать изображение для сайта», название сайта нужно перевести в транслит и название файла будет таким — kak-optimizirovat-izobrazhenie-dlya-sayta. Быстро переименовывать можно в сервисе www.translityandex.ru. В верхней строке вводите название картинки, а снизу в поле появиться латиница.
Уникальное изображение
Сделать изображение уникальным достаточно не сложно для этого достаточно открыть редактор для работы с изображениями, я рекомендую вам Figma — это очень удобный интерфейс для работы с графикой. Сделать изображение уникальным можно при помощи его затемнения или наложить рамку на него. Так же можно добавить иконку или текст. Можно отзеркалить фотографию. Для отличия от оригинала.
Вот такие несложные действия могут принести много пользы для вашего проекта.