Оптимизация изображений
Опубликовано: 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 .