3 января 2017
Автор: Админ Рубрика: Ведение блога Комментариев нет

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

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

Доброго времени суток посетители моего блога!

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

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

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

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

Посетители долго не задержатся на таком «тяжёлом сайте», а поисковые системы понизят его в выдаче.

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

Приведу пример: обычное фото, сделанное на фотоаппарат, весит 1—10 мб. С помощью оптимизации их можно уменьшить в 20—200 раз! И всё это без потери качества, или с минимальными потерями.

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

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

Я остановлюсь на фотошопе, т. к. в нём чаще получается максимально уменьшить вес изображений, качественно и достаточно просто. Моя версия программы — CS5.1 Extended v12.1.

 

Как уменьшить вес изображений без потери качества в фотошопе

 

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

В моём случае, я использовал обои для рабочего стола. Изначально изображение весило 1.70 мб, а размер 2560 на 1440 пикселей.

Для загрузки картинки в фотошоп необходимо в левом верхнем углу нажать «Файл» и следом «Открыть», или набрать на клавиатуре «Ctrl+O». Укажите путь к нужному файлу. Ещё можно перенести сам файл в фотошоп, зажав его мышкой.

 

Открыть файл

 

На первом этапе необходимо оптимизировать размер изображения по вашим нуждам, к примеру, на своём блоге я использую ширину 620 пикселей.

При изменении размеров файлов, программа автоматически сохранит их пропорции.

В верхнем меню найдите «Изображение» и «Размер изображения», или нажмите «Alt+Ctrl+I». Откроется меню.

 

Изменение размера изображения

 

1) Установите нужные параметры в пикселях.

2) Убедитесь, что пропорции сохраняются.

3) Если вы уменьшаете, то выберите соответствующий параметр.

На втором этапе уменьшенную картинку необходимо правильно сохранить. Для этого нажмите «Файл» и «Сохранить для Web и устройств», или «Alt+Shift+Ctrl+S». Откроется меню сохранения с настройками.

 

Сохранение для веб устройст

 

1) Формат изображения — установите JPEG.

2) С качеством можно немного поэкспериментировать, оптимально — это 40—60, найдите свою золотую середину для разных картинок.

3) Установите галочку на «Прогрессивный».

4) Сохраните полученный результат не обращая внимания на предупреждения (если появятся).

В итоге выбранное мной фото стало весить всего 40.6 КБ. — это в 42 раза меньше оригинала! Если взять в расчёт, что обои были взяты из интернете, то результат очень хороший.

Из фотоаппарата фотографии обычно более крупного размера, и ужимаются они в разы лучше.

Я надеюсь, что статья оказалась полезной, и вы нашли в ней то что искали. Спасибо за внимание! Удачи!

Хочешь получать статьи этого блога на почту?
НОВЫЕ СТАТЬИ БЛОГА
Комментариев нет

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