Как оптимизировать изображение для сайта (лучшие онлайн сервисы)

Сначала разберемся что такое оптимизация изображений для сайта и для чего она нужна.

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

Перед загрузкой на сайт нужно будет оптимизировать изображение — т.е уменьшите ее вес и в этом нам помогут онлайн-сервисы оптимизации изображений.

Сервис №1 который я хочу порекомендовать www.iloveimg.com

Как оптимизировать изображение для сайта

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

 

Сервис №2 https://tinypng.com

Сервис оптимизации изображений tinyPNG

Так же отлично сжимает картинки, как и первый сервис.

 

Как сжимать изображения (уменьшить размер фото)

Покажу результаты сжатия фото на примере сайта IloveImg.

выбор изображения для сжатия

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

Жмем сжать

Выбираем нужное изображение и нажимаем сжать изображения

результат оптимизации изображения

Готово! Картинка сжалась на 67 процентов от начального состояния. Отличный результат.

Далее скачиваете себе на компьютер сжатое фото и можете использовать у себя на сайте.

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

Как оптимизировать изображение с помощью атрибута alt

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

<img src="Путь до картинки" alt="тут нужно написать осмысленное описание изображения" />

Переименовать название файла

Название файла должно быть не 45225а.jpg, а переведено в название картинки. Вот пример:

Есть у нас на сайте картинка и у нее alt=»Как оптимизировать изображение для сайта», название сайта нужно перевести в транслит и название файла будет таким — kak-optimizirovat-izobrazhenie-dlya-sayta. Быстро переименовывать можно в сервисе www.translityandex.ru. В верхней строке вводите название картинки, а снизу в поле появиться латиница.

Транслит яндекс онлайн сервис

Онлайн генератор ЧПУ ссылок

Уникальное изображение

Сделать изображение уникальным достаточно не сложно для этого достаточно открыть редактор для работы с изображениями, я рекомендую вам Figma — это очень удобный интерфейс для работы с графикой. Сделать изображение уникальным можно при помощи его затемнения или наложить рамку на него. Так же можно добавить иконку или текст. Можно отзеркалить фотографию. Для отличия от оригинала.

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

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

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

Здравствуйте! Меня зовут Александр. Я веб-разработчик. Мне нравится верстка, дизайн и программирование . В свободное время пишу статьи на тему веб-разработки. Если у вас есть вопрос вы можете задать его по контактам ниже.
Сообщество Вконтакте: vk.com/code_studio_ru