Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Советы по 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>; это значит, что должен существовать только один экземпляр графического файла, размещенный в каком-то одном каталоге. Если у вас будет несколько копий графических файлов, расположенных в различных каталогах, то, даже если такие файлы имеют одинаковое имя, браузер будет их снова загружать, обнаружив новый путь к ним.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: