Советы по Web-графике.

Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график.

автор: Васильев Олег Никандрович.

Природа Интернета и Web-браузеров такова, что создание графики требует специального подхода. При этом обычно имеют место особые ограничения и применяются особые методы, тем более если приходится создавать графику для печати.

Используйте инструменты по созданию Web-графики.

Почти все коммерческие графические программы - как редакторы растровых изображений, так и программы векторной графики - позволяют сохранять или экспортировать графику в форматах GIF или JPEG. Однако если Вы действительно собираетесь создавать высококачественные изображения при небольших размерах файлов, то надо использовать такие редакторы как Adobe Photoshop и ImageReady или Macromedia Fireworks, которые имеют функции, специально ориентированные на Web-графику.

Несомненно, стандартом в области создания Web-графики является Adobe Photoshop и его ориентированный на Web-графику партнер ImageReady. Поскольку Photoshop включает в себя много функций, ориентированных на Интернет, например «Save to Web» (сохранить для Интернета), которая позволяет предварительно просмотреть графику в различных форматах и с различной степенью сжатия.

Основным их соперником является Macromedia Fireworks', возможности которого по созданию Web-графики аналогичны возможностям ImageReady и который, кроме того, предоставляет средства по созданию векторной графики сайтов.

Оба инструмента обеспечивают очень похожие средства управления форматами файлов, глубиной цвета, имитацией оттенков, потерями при сжатии и редактированием цветовой палитрой сайта.

Обеспечивайте небольшой размер файлов.

Самый важный принцип, которому должен следовать Web-дизайнер при создании своего сайта, формулируется следующим образом: Максимально уменьшайте размер графики сайта!

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

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

-Учет особенностей методов сжатия. Один из основных способов, позволяющий значительно уменьшать файлы, связан с учетом особенностей схем сжатия форматов сайта. Например, зная, что в файлах GIF хорошо сжимаются однотонные цвета, не создавайте изображения GIF с плавными цветовыми переходами, если достаточно обойтись однотонными цветами. А поскольку формат JPEG хорошо подходит для плавных переходов цветов и плохо отображает резкие границы цветов, можно попытаться специально размыть цветовые границы изображений, которые предполагается сохранять в формате JPEG.

-Повторное использование. Отображаемую графику браузеры временно сохраняют в кеше, позволяя получать к ней доступ без задержки при повторных вызовах. Вы можете в любое время воспользоваться кешем браузера для повторного использования графики в любом месте. В таких случаях загружать графику придется только один раз, сокращая время загрузки последующих страниц. Необходимо только помнить, что каждый экземпляр графики должен иметь один и тот же URL в своем элементе < img>; это значит, что должен существовать только один экземпляр графического файла, размещенный в каком-то одном каталоге. Если у вас будет несколько копий графических файлов, расположенных в различных каталогах, то, даже если такие файлы имеют одинаковое имя, браузер будет их снова загружать, обнаружив новый путь к ним.