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

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

Почему так важно оптимизировать изображения?

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

Картинки – первое, что можно сжать в объеме, не потеряв в качестве. Благо, для этого есть сервисы, которые значительно упрощают эту задачу. О самых удобных из них сейчас и расскажем.

 
ResizePicOnline.com для уменьшения размера картинок в формате JPG и PNG

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

  • Загружаете изображение, нажав на кнопку «Загрузить изображение» или просто перетаскиваете его с вашего компьютера в указанную область.

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

  • Сохранение обработанных изображений.

Но есть некоторые ограничения: можно загружать только одно изображение, исходный размер которого не должен быть более 15 мегабайт или его разрешение – более 6 000 пикселей. Функционал небольшой, но для выполнения поставленной перед нами задачи (оптимизировать картинку) вполне хватит. 

 
Как оптимизировать картинку в tinypng.com

Данный сервис по функционалу напоминает предыдущий: позволяет уменьшить размер без потери качества, работает с PNGи JPG форматами. Разница лишь в том, что tinypng.com ориентирован на изменение формата PNG путем превращения из 24-битного изображения в 8-битное за счет уменьшения количества цветов. Поисковик заметит разницу, а человеческий глаз – нет. 

Для того чтобы уменьшить размер файла в данном сервисе: 

  • Закиньте картинку на сайт, нажав на клавишу с надписью «Drop your .png or .jpg files here!».

  • Посмотрите, на сколько процентов обрезалось ваше изображение.

  • Скачайте картинку. 

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

 

Как изменить изображение с помощью online-fotoshop.ru

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

online-fotoshop.ru позволит вам изменить разрешение изображения. Отлично подойдет для тех случаев, когда на сайте нет галереи для того, чтобы открыть изображение в полном размере. Для уменьшения размера нужно выполнить следующие действия: 

  • Нажать на клавишу «Загрузить изображение с компьютера».

  • Во вкладке «Изображение» в левом углу выбрать функцию «Размер изображения».

  • Выставить разрешение по вертикали или горизонтали в пикселях и нажать «Да» (для этого вам нужно знать, какая максимальная ширина или высота должна быть у вашей картинки на сайте – ее и вписывайте).

  • Во вкладке «Файл», который находится в левом верхнем углу нажать на кнопку «Сохранить».

  • В открывшемся окне калибруете ползунок «Качество» и нажимаете «Да». 

Преимущество данного сервиса в большом функционале. Вы можете не скачивать полноценную версию программы, а пользоваться онлайн-версией бесплатно. Из недостатков можно отметить отсутствие «умного» сжатия, которыми могут похвастать предыдущие сервисы. 


 
Jpegmini.com для пакетной оптимизации 

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

Из преимуществ можно отметить возможность подогнать все картинки под одно разрешение и массовое уменьшение веса без потери качества. Недостатком же стала необходимость устанавливать приложение на компьютер.

 
Visualwatermark для наложения логотипа или текста

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

Процесс нанесения «вотермарки» очень прост. После установки программы нужно: 

  • Перенести все изображения в рабочую область приложения.
  • Нажать «Далее» в правом верхнем углу.
  • В открывшемся окне вверху выбрать, что вы хотите добавить (текст, картинку или группу).

  • Настраиваете прозрачность и положение объекта на вашем изображении и нажимаете «Далее» в правом верхнем углу экрана.

  • В открывшемся окне выбираете размер изображения, формат, качество и путь, по которому можно будет найти картинку, и нажимаете «Применить клеймо». 

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

Скачать программу можно тут: https://www.visualwatermark.com/ru/download/

Важен не только размер, но и название

Не забывайте о том, что название изображения нужно писать на английском языке (транслитом). Также оно должно отображать то, что изображено на картинке. В нашем случае мы назвали файл «doroga-nochnaya.jpg». Нужно это для того, чтобы поисковые системы смогли проиндексировать картинку, и на ваш сайт переходили посетители из раздела «поиск по картинкам». Между словами ставьте черточку. Длина названия не должна превышать 30 символов.