Графические изображения в создании дизайна сайта имеют определяющее значение. Дизайн сайта невозможно представить без графики. Наиболее распространенная программа для работы с изображениями и, кстати, очень удобная для пользователя - это программа Photoshop.
Наиболее простой способ сохранить изображение или изменить его формат:
Выбираем в главном меню Файл – Сохранить как. В открывшемся окне, в строке, где прописано имя сохраняемого файла – задаете имя, а в выпадающем меню Тип файлов выбираете желаемый формат изображения.
Таким образом, Вы можете сохранять изображения или изменить их формат, если, конечно, Вы не собираетесь пользоваться ими при разработке дизайна сайта. Иначе я рекомендовал бы воспользоваться командой Файл – Сохранить для WEB и устройств. В открывшемся большом окне, Вам будет предложено сохранить изображение в следующих форматах: JPEG, GIF, PNG и WBMP. На сегодняшний день, при создании дизайна сайта, используют три формата изображений: GIF, JPEG и PNG . Остановимся на каждом более подробно.
Формат GIF
Формат GIF (Graphics Interchange Format) появился в 1987 году благодаря компании CompuServe. Создавался этот формат графики специально для Internet. Предназначен он для передачи скринов (хранителей эрана), отсканированных изображений черно-белых документов высокого качества, изображений с небольшим кол-вом цветов, большие участки которых одинакового цвета. В формате GIF имеется т. н. «прозрачный цвет», что делает возможным его использование во всякого рода дизайнерских идеях при разроботке дизайна сайта. Основная отличительная черта формата GIF заключается в том, что в файле данного формата может быть несколько кадров, чередующихся через заранее установленные промежутки времени, то есть создается анимация.
Когда Вы занимаетесь разработкой дизайна сайта с помощью Photoshop, у Вас может возникнуть необходимость сохранить изображение в формате GIF либо же изменить его формат на GIF. Для этого существуют два способа. Мы говорим о том случае, когда изображение сохраняется с помощью меню Сохранить для WEB и устройств. Называются они: Без дизеринга (No dither) и Дизеринг (Dithered). Остановимся на них подробнее.
Дизеринг - способ обработки изображения, дающий возможность посредством точек создавать что-то похожее наполутона. Разумеется, после такой обработки файл становится более подобным оригиналу, но при этом, в чем Вы сами можете убедится в левом нижнем углу окна, увеличивается и "вес" файла.
Помимо вышеперечисленного, с помощью настроек меню Сохранить для WEB и устройств, можно пользоваться настройками прозрачности, количества цветов и модели цвета.
Для чего применяется формата GIF при разработке дизайна сайта. Используют его для построения диаграмм, графиков, для создания наиболее простых изображений, таких графических элементов сайта, как баннеры, кнопки, детали меню. Разумеется, необходим данный формат при создании GIF анимации.
Формат JPEG
Формат JPEG (Joint Photographic Experts Group) — незаменим при сжатии фотографического изображения. Использовать данный формат можно при сжатии полноцветной картинки, практически без сокращения количества цветов. Говоря проще, когда Вы разрабатываете дизайн сайта с помощью Photoshop и желаете поместить на страницу сайта фотографию, при этом сохранив в ней все цвета и переходы полутонов – выбирайте этот формат.
Формат PNG
Формат этот можно отнести к новым. По свойствам он очень близок к GIF, т. к. по замыслу его разработчиков он и должен был заменить GIF. Однако надеждам создателей не суждено было сбыться. Возможно потому, что файлы его имели большой «вес» в сравнении с GIF или, что наиболее вероятно, отсутствовала поддержка анимации. Используя Photoshop, можно обрабатывать и сохранять изображение в формате PNG в двух видах: PNG-8 и PNG-24. PNG-24 дает возможность сохранять или изменять формат изображения, качество которого на уровне фотографии. Разумеется, до формата JPEG, в этом плане он не дотягивает.
Формат изображения PNG обладает альфа-каналом, т. е. имеется возможность создавать прозрачность и полупрозрачность.
Где возможно применять формат PNG, создавая дизайна сайта. Часто его можно использовать вместо формата GIF, если последний Вам чем-то не подошел.
В частности, когда Вам надо сохранить изображения такого качества, как у скринов. Можно использовать вместо формата JPEG. Например, в режиме PNG-8 при кол-ве цветов 256, изображение может «весить» гораздо меньше и с хорошим качеством.
Ну а выбрать наиболее оптимальный в данном случае формат изображения, можно только экспериментируя.
