Аудит сайтов - Часть 1.2 - Дизайн аудит - Плохая оптимизация графики

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

Аудит сайтов - Часть 1.2 - Дизайн аудит

2. Плохая оптимизация графики

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

Я уже говорил что при вставке чего-либо визуального следует придерживать цветовой гаммы, но это не единственное за чем нужно следить. Очень важно чтобы размер (вес) графики или других компонентов был адекватен.

При вставке изображений обращайте внимание на следующее:

• формат не должен быть bmp - это самый объемный формат изображения
• формат вставленных изображений не должен быть tif или tiff - это формат очень популярный для фотографий и типографической печати, он не на столько большой как bmp, но достаточно объемный для вставки; если требуется дать пользователю качественный файл без потерь - повесьте на изображение ссылку на файл в формате tif или tiff
• непрозрачные изображения не должны быть сохранены в png, используйте этот формат для сохранения прозрачных элементов дизайна
• прозрачные изображения с небольшом количеством цветом можно сохранять не только в png, а и в png-8 (урезанная версия формата png-24) или gif

Напоследок пара отличных статей по этой теме:

• Оптимизация графики в Adobe Photoshop
• Оптимизация графики под Web (форматы GIF, JPEG, PNG-8, PNG-24)

---