Подбор и обработка графики для сайта

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

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

И так, процесс обработки графики для сайта, то есть подготовки каждого из выбранных изображений к размещению на сайте, проводится при помощи специальных компьютерных программ предназначенных для работы с графикой. Наиболее широко применяемая для этого программа – это Adobe Photoshop, которой пользуется подавляющее число web-разработчикоов. Кстати информации, как текстовой, так и видео по работе с данной программой, в интернете предостаточно, поэтому освоить ее на уровне пользователя не составит труда. Прочитать о возможностях Adobe Photoshop вы так же сможете в статье «Adobe Photoshop в web-дизайне».

обработка графики для сайта

Но все, же вернемся к обработке графики для сайта. Процесс обработки графики отдельно взятого изображения можно разделить на так называемые этапы. К этим этапам относится:

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

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

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

3. Создание оригинальных иллюстраций. В отдельных случаях, для более точного предоставления той или иной информации, приходится прибегать к тому, что сложный вопрос объясняется луче при помощи рисунка-схемы или оригинальной иллюстрации. Поэтому на основе уже имеющегося изображения приходится создавать целый визуальный материал. В таких случаях в дело идет фотомонтаж, практика коллажа и другие способы создания многослойных изображений.

обработка графики для сайта

4. Выбор формата хранения изображения в файле, а так же установка параметров изображения, которые поддерживает выбранный формат. Подробно форматы файлов для хранения изображений расписаны мною в отдельном разделе блога «Графика для сайта». Ознакомившись с материалом данного раздела, вы поймете в каком формате необходимо хранить то или иное изображение, за что отвечает и как влияет на размер и качество изображения тот или иной параметр выбранного формата.

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

• Целостность тематики сайта;

• Скорость загрузки сайта в целом и отдельных его страниц;

• Сохранение общей стилистики сайта;

• Привлекательность сайта, а соответственно его посещаемость.