29 марта, 2020

Оптимизация картинок для сайта в два простых шага

Почему именно картинок? Потому что это важный элемент, который должен так же соответствовать правилам поисковых систем, так же как и текстовый контент.

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

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

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

Наверное хватит вступительных речей и пора поговорить о том, для чего мы тут собрались.

И так, для работы нам понадобятся две вещи.

  1. Программа Photoshop
  2. Изображение, которое требуется оптимизировать

Первое, что нужно сделать — скачать и установить программу для обработки графических файлов — Photoshop. Найти без проблем можно в поиске Google. Достаточно в поиске ввести — скачать бесплатно Photoshop torrent 

Если вы уже имеете в своём арсенале этот инструмент, то можно приступать к его открытию и обучаться сокращать размер картинок.

И так, после входа в редактор нужно нажать в верхнем левом углу на кнопку Файл и найти пункт открыть, или сделать это с помощью быстрой команды — нажав CTRL + O. Откроется окно, в котором нужно выбрать изображение, которое требуется оптимизировать по размеру.

Далее, после выбора элемента сделайте всё, что требовалось с ним проделать, если вы допустим обрезаете его, либо дополняете что то, может кто то делает водяные знаки с помощью фотошопа на картинки. После того, как изображение готово к оптимизации, так же нужно нажать кнопочку Файл и найти там пункт меню — Сохранить для WEB, или комбинацией клавиш  ALT + SHIFT + CTRL + S.

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

Для начала нужно выбрать формат — JPEG, отметить пункт галочкой — прогрессивный, качество я ставлю 20, что бы изображение визуально не потеряло своего качества. Остальные пункты можно не трогать, хотя, можете поиграть с настройками и определить, что для вас будет оптимальным решением.

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

После работы с настройками, пора сохранить переделанное фото. Для этого просто жмём кнопку Сохранить. Бывают случаи, когда программа просит перезаписать картинку — это случается, когда картинка названа одном словом. Если же вы называете изображение двумя словами, то программа поставит вместо пробела нижнюю черту и сохранит как дополнительный файл.

Если же вам не нужно сохранить оригинал, то смело нажимайте заменить в меню, которое выскочит перед вами.

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

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

Подписывайтесь на обновления блога, что бы не пропустить выход новых статей.

Важно !!!! После ввода адреса электронной почты, проверьте пожалуйста правильность написания, так как нужно будет подтвердить подписку ссылкой, которая придёт на адрес электронной почты. Спасибо за внимание.

И традиционное ежедневное видео с известного видео портала — Видео запись по теме Как сделать рисунок из фото

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

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