Блог

Четверг, 19 апреля 2018 11:45

Оптимизация фото для сайта

Оптимизация фото для сайта

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

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

Второй причиной оптимизации скачанных фотографий является необходимость убрать скрытый авторский знак (©Копирайт), который создатели графических объектов нередко оставляют на своих работах.   

Таким образом, имеем две цели:

  • Обрезать фотографию просто и быстро
  • Убрать с неё авторские надписи.

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

  1. Скачать и установить InfranView
  2. Открыть с помощью данной программы нужную картинку (например, с исходным размером 1920×1446 и весом 7,94Мб)
  3. Выбрать опцию «Изображение»
  4. Выбрать опцию «Изменить размер изображения»
  5. Выставить нужную ширину картинки, например, 900 пикселей. Обратите, пожалуйста, внимание, что при этом нужно оставить включенной опцию «Сохранить пропорции», иначе результат может неприятно удивить

ifranView 1

  1. Нажать «Оk»
  2. После чего выбрать опцию «Сохранить как», дать картинке название и сохранить её в нужной папке.

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

ifranView 3

В итоге мы имеем фото размером 900×680 при весе 130кб.

Чтобы поставить картинку на сайт, нам нужен результат 900×600. Как его добиться и подрезать фото по высоте? Всё просто:

  1. Выбрать опцию «Изображение»
  2. Далее «Изменить размер холста»
  3. Выбрать «Метод 2»
  4. Выбрать область, которую хотим обрезать
  5. Нажать «Ок».

ifranView 2

Готово!

 

 

 

Прочитано 53 раз