Оптимизация изображений

Опубликовано: 01.11.2017

видео Оптимизация изображений

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

Сегодня мы рассмотрим такой момент в создании виртуальных туров, как оптимизация изображений. Не для кого не секрет, что пользователь ( именно тот, кто и будет смотреть виртуальный тур ) будет ждать загрузки страницы секунд 5 - 7. Ну, может быть 10. И, если в течение этого времени тур не загрузится, он просто покинет страницу. Об этом факте знают и некоторые заказчики тоже. Виртуальный тур, насколько бы хорош он не был, никому не нужен, если при загрузке он «тупит». Вместе с изображениями грузятся скрипты, разные исполняющие файлы, сама страница, на которой размещён виртуальный тур. А так как в настоящее время клиенты хотят, чтобы тур работал и на мобильных устройствах, то оптимизация файлов выходит на первое место.



При оптимизации изображений главное соотнести качество изображения с его «весом». Опытным путём мы определили, что, например, изображение, которое вы видите ниже, при габаритах 4500 x 2550px может «весить» примерно 2Mb. Это более - менее приемлемый результат.

Однако попробуем его оптимизировать.


Оптимизация изображений – имя файла, размер, атрибуты Alt и Title

Photoshop с задачей сжатия изображений справляется из рук вон плохо. При сохранении качества ниже 6 Photoshop включает дополнительные фильтры и мелкие детали начинает размывать.

Перепробовав несколько вариантов, мы остановились на программе RIOT ( сокращённо от Инструмент Радикальной Оптимизации Изображений ). Официальный сайт http://luci.criosweb.ro/riot/?ref=RIOT . Даже при настройках по умолчанию мы получили вполне приемлемый результат.


Простая оптимизация изображений

При сохранении качества изображение полегчало на 370Kb . Учитывая, что в данном виртуальном туре 40 изображений, нетрудно подсчитать, что тур стал легче почти на 15Mb .