Графические материалы для сайта - это общее название всех фотографий, рисунков, чертежей, диаграмм и т.п., которые предназначены для размещения на сайте. Часто их также называют рисунками и графическими рисунками.
Прежде чем добавлять рисунки на веб-страницу, необходимо определить используемый формат.
Файл, содержащий рисунок, в нормальном состоянии часто бывает слишком велик по размеру для быстрой загрузки. Поэтому необходимо уменьшать размер файла с помощью сжатия.
Точечные и векторные рисунки Точечные рисунки (часто называемые растровыми)
Образуются набором точек, наподобие того, как закрашенные квадратики образуют рисунок на листе миллиметровки.
Точечные рисунки часто сохраняются с расширением BMP, PNG, JPG или GIF.
Создаются из линий, кривых, прямоугольников и других объектов.
Допускается редактирование, перемещение и изменение порядка отображения отдельных линий. При изменении размеров векторного рисунка компьютер прорисовывает линии и фигуры заново так, чтобы сохранялась исходная четкость и перспектива.
Векторные рисунки - автофигуры . Автофигуры представляют собой набор типичных фигур, включающий такие базовые фигуры, как прямоугольники и окружности, а также различные линии, соединительные линии, объемные стрелки, компоненты структурных схем, выноски, звезды и ленты.
Линии и фигуры, из которых состоят векторные рисунки, можно группировать и разгруппировывать, изменять порядок их отображения, а также изменять цвет одной или всех частей рисунка.
Векторные рисунки сохраняются в формате приложения, используемого для их создания. Например, в формате метафайлой.
Метафайлы записываются как совокупность линий, а не пикселов, что позволяет при их обработке избегать искажений, характерных для точечных рисунков.
В Microsoft Windows метафайлы сохраняются с расширением WMF.
В основном на веб-страницах используются рисунки в форматах GIF и JPEG (стандартные форматы файлов для веб-страниц), и, с недавних пор, PNG. Существует много факторов, определяющих использование того или иного формата для каждого рисунка. Выбор зависит от используемого типа рисунка, от размера файла, от размера файла рисунка и от способа загрузки изображения.
GIF Рисунки в формате GIF могут содержать до 256 цветов. Формат GIF наилучшим образом подходит для изображений, в которых содержится малое количество разных цветов, например изображения линий или черно-белые изображения.
Одно из преимуществ формата сжатия GIF - возможность чередования строк рисунка для улучшения его загрузки в обозревателе.
Рисунок в формате GIF с чередованием сначала загружается с низким разрешением, а затем, по мере появления целого рисунка, его качество постепенно улучшается. Таким образом, пользователь сможет увидеть суть изображения перед тем, как изображение появится целиком.
Другая полезная сторона использования рисунков в формате GIF - фон рисунка (один из цветов) может быть сделан прозрачным , чтобы видеть цвет фона текущего окна обозревателя.
JPEG (Joint Photography Experts Group) - Объединенная группа экспертов по машинной обработкефотоизображений.Был зарегистрирован в 1990г.
Формат JPEG обычно используется для рисунков высокого качества, содержащих тысячи и миллионы цветов (до 16,7 миллионов оттенков).
Удобство использования рисунков JPEG заключается в том, что, изменяя качество рисунка, можно управлять степенью сжатия файла. Чем ниже качество, тем выше степень сжатия файла и, следовательно, меньше его размер.
Рисунки в формате JPEG позволяют использовать большую степень сжатия по сравнению с форматом GIF, обеспечивая более быструю загрузку больших рисунков. Однако обозреватель способен загружать рисунки в формате JPEG только линейно, от верхней строки к нижней.
Кроме того, допускается добавление рисунков в следующих форматах (3-8).
BMP (для Windows и OS/2). Простой растровый формат для среды Microsoft Windows. Такие рисунки состоят из наборов точек и поддерживают до 24 разрядов. BMP формат - третий по популярности после форматов GIF и JPEG.
TIFF (Tagged Image File Format). Формат файлов с высоким расширением на основе тегов. Используется в качестве универсального формата для обмена цифровыми изображениями.
TGA (Truevision Targa Graphics Adaptor). Этот формат поддерживает от 1 до 32 разрядов и такие профессиональные средства, как альфа-канал, настройки цветовой гаммы и встроенные эскизы.
RAS Растровый формат с низкой степенью сжатия, поддерживает до 36 разрядов.
EPS (Encapsulated PostScript). Расширенный формат Post Graphic, позволяющий внедрять файлы рисунков PostScript в другие документы.
PNG (Portable Network Graphics - Переносимая сетевая графика). Этот формат является альтернативой формата GIF. Позволяет создавать либо 8-битовые, либо 24-битовые изображения. Данный формат поддерживает прозрачность для рисунков, содержащих тысячи и миллионы цветов. Однако в некоторых веб-обозревателях для отображения рисунков PNG требуются особые подключаемые модули (подключаемый модуль: программный модуль, интегрируемый в веб-обозреватели для обеспечения работы определенных интерактивных и мультимедийных элементов).
Список типов формата PNG, которые можно использовать:
Формат PNG-8 похож на формат GIF, однако в первом лучше реализована поддержка 8-разрядных цветов. Обеспечивает эффективное сжатие областей постоянного цвета с сохранением четкости в штриховой графике, логотипах или иллюстрациях с текстом. Этот формат не очень широко распространен и поддерживается не всеми обозревателями.
Формат PNG-24 также похож на формат GIF и поддерживает 24-разрядную цветовую палитру. Подобно формату JPEG формат PNG-24 сохраняет широкую гамму и тонкие переходы яркости и оттенков, присутствующих на фотографиях. Формат PNG-24, как и форматы GIF и PNG-8, сохраняет четкость деталей в штриховой графике, логотипах и иллюстрациях с текстом. Этот формат не распространенный и не все обозреватели его поддерживают.
WMF (Microsoft Windows Metafile). Этот формат поддерживает растровые и векторные данные (векторная графика). Способ представления графических объектов, таких как линии, дуги, окружности и прямоугольники с использованием геометрических формул. Противоположность растровой графике (точечные рисунки), где изображение представляется совокупностью точек, а также данными в формате EPS. Если на страницу добавлен рисунок в формате, отличном от GIF и JPEG, то при ее сохранении рисунок автоматически преобразуется в формат GIF, если он содержит меньше 8 разрядов цвета, или в формат JPEG, если он содержит больше 8 разрядов цвета.
PDF (Portable Document Format - Переносимый формат документа) разработан фирмой Adobe Systems. Файлы, записанные в данном формате, имеют расширение *.pdf.
Формат PDF - один из форматов для передачи электронных документов через Интернет.
Документ, открытый в формате PDF полностью сохраняет внешний вид и структуру оригинала (макет, шрифты, графика) независимо от того, на какой платформе (Win, Mac, Unix) был создан, и каким приложением был открыт файл.
Использование электронных документов в этом формате позволяет их успешно распечатывать с сохранением текста, шрифтов и т.д. Беспокоиться о русификации своего компьютера при этом не нужно. Все необходимые русские шрифты уже встроены в документы, записанные в формате *.pdf.
В PDF-документ могут встраиваться интерактивные элементы - гиперссылки, видео- и аудиофайлы, кнопки и поля для ввода текста.
Для просмотра или печати необходима программа Adobe Acrobat Reader, которая распространяется бесплатно и может быть скачена с сервера фирмы-разработчика www.adobe.com. Данную программу часто можно найти на большинстве дисков с драйверами, на любом диске программного обеспечения компании Adobe Systems, а также при покупке нового компьютера.
При создании сайтов используются в основном три формата графических файлов: GIF (расширение.gif), JPEG (расширение.jpg) и PNG (расширение.png). Их свойства, преимущества и недостатки надо обсудить подробнее.
Самым распространенным форматом графических файлов для HTML-документов является GIF - Graphic Interchange Format. Для кодирования цвета в нем используется 8 бит, то есть допускается только 256 различных цветов или столько же градаций серого. Наборы цветов (палитры) могут быть различными. Один GIF-файл может содержать несколько изображений, позволяющих создавать движущиеся или изменяющиеся образы. В этом случае требуется согласование палитр различных изображений, составляющих один файл. Похожая проблема возникает, если монитор работает в режиме 256 цветов, а на экране одновременно воспроизводятся несколько изображений с разными палитрами. Очевидно, что для части картинок качество цветопередачи будет ухудшено.
Само по себе 8-битовое кодирование цвета предполагает, что размер графического файла будет относительно небольшим. Но, кроме того, для уменьшения размера файла используется еще и сжатие изображения. Существует две разновидности GIF-файлов: сжатые и обычные, в которых сжатие отсутствует. Компактность файла и дополнительные преимущества стали причиной того, что данный формат прочно утвердился в качестве стандарта де-факто для Интернета.
Дополнительное преимущество этого формата заключаются в том, что хранение информации в файле может быть организовано таким образом, чтобы при выводе рисунка происходило чередование строк (интерлейсинг). То есть вначале будут выводиться строки с номерами 1, 5, 9 и т. д., затем с номерами 2, 6, 10 и т. д., и так до тех пор, пока весь рисунок не будет отображен. Для наблюдателя такой рисунок вначале кажется нечетким, а затем четкость изображения увеличивается. При передаче данных по сети это особенно выгодно, так как еще до окончания передачи файла пользователь имеет возможность увидеть изображение, хотя и в несколько размытом виде.
Еще одно преимущество GIF - возможность сделать часть изображения прозрачной. Прозрачным может стать только один цвет. Так, создание прозрачного фона позволяет более естественно вписать рисунок в документ и избежать появления прямоугольника, обозначающего границы изображения.
Этот формат используется в основном для размещения на Интернет-странице графических элементов оформления – кнопок, значков, обозначений, стрелок, а также анимированных баннеров.
Формат JPEG – основной формат для размещения фотографий на сайтах. У него практически нет ограничений по количеству отображаемых цветов. Плюс этого формата в том, что используется алгоритм сжатия, благодаря которому объем файла во много раз меньше, чем для того же изображения в таких форматах, как TIFF и BMP. В сжатии заключен и минус этого формата. Изображения, созданные в графических редакторах, таких как Adobe Photoshop, с использованием контрастных линий, не всеми браузерами отображаются качественно.
В статье "Представление графических данных" приведены рекомендации по использованию форматов GIF и JPG и предсталена очень наглядная иллюстрация того, какой объем файла получается при сохранении одного и того же изображения в этих форматах.
В качестве альтернативы формату JPEG был внедрен формат PNG. Этот формат является основным форматом графического редактора Macromedia (Adobe) Fireworks, поддерживает слои, объекты, надписи, вставляется в Интернет-страницы без конвертации. В дальнейшем могут свободно редактироваться отдельные слои и объекты графического файла. Этот формат характеризуется наилучшим качеством изображения, однако, во-первых, старые браузеры его не поддерживают и, во-вторых, не все браузеры поддерживают прозрачность фона, реализованную в формате. Одним из существенных недостатков является то, что изображение в формате PNG имеет существенно больший объем, чем такое же изображение в формате JPEG.
10. ТЕХНОЛОГИИ СОЗДАНИЯ САЙТОВ С ИСПОЛЬЗОВАНИЕМ WYSIWYG-РЕДАКТОРОВ. ДВИЖОК САЙТА.
WYSIWYG – это аббревиатура от английских слов What You See Is What You Get, что переводится как «что видишь, то и получишь». То есть, речь идет о среде разработки, в которой пользователь по мере своей работы может сразу же видеть примерный результат своих усилий.. С помощью подобных приложений можно создавать код на разных языках программирования и верстки – HTML, CSS, PHP и др.
Список WYSIWYG-редакторов HTML-кода[править | править исходный текст]
Adobe (Macromedia) Dreamweaver
Microsoft FrontPage
Microsoft SharePoint Designer
Microsoft Expression Web
Mozilla Composer
Kompozer (основан на Nvu)
WYSIWYG Web Builder 5
Под движком сайта понимают систему управления сайтом, а именно управление контентом сайта, администрирование сайта. Система управления сайтом предназначена для упрощения чисто технической, черновой, монотонной работы веб-дизайнера. Чаще всего эту задачу решают программы-редакторы. Движок сайта может располагаться как на сервере, так и на компьютере веб-дизайнера. Возможно расположение части движка на сервере, а части - на компьютере веб-дизайнера. В случаях, когда движок сайта располагается на сервере, он, чаще всего, представляет собой базу данных. В базе данных содержится контент сайта, а также информация, описывающая макеты страниц сайта, разграничение права доступа и т.д. При вызове страницы сайта программный модуль, который должен показать эту страницу, в зависимости от полученных параметров, выбирает из базы данных необходимую информацию (содержимое, ссылки и т. д.), генерирует веб-страницу, которая и показывается посетителю.
Движки сайта можно разделить на две группы:
Движки для конкретных сайтов и для конкретных задач .
Универсальные движки сайтов. Рассчитаны для решения многих задач. Часто называются программами-редакторами. Создав сложный и универсальный движок сайта, и передав его владельцу сайта, веб-дизайнер тем самым предоставляет ему возможность заниматься созданием сайта полностью самостоятельно. В этом случае уместен вопрос: зачем тогда нужно обращаться к веб-дизайнеру?
11. ТИПЫ WEB-САЙТОВ
Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet. Общий вид URL: протокол://хост-компьютер/имя файла (например: http://lessons-tva.info/book.html).
Типы сайтов
В зависимости от технологии создания можно выделить следующие типы сайтов:
1. Статические сайты , содержащие статические HTML или XHTML страницы. Статические веб-страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение.html или.htm) и хранятся в готовом виде в файловой системе сервера.
2. Динамические сайты , в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
3. Flash-сайты – это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на пассивные и активные или интерактивные.
Пассивные сайты – это сайты с пассивными веб–страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.
Интерактивные сайты – это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.
Статические сайты с пассивными веб-страницами
Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.
Создание веб-страниц статических сайтов - это трудоемкий процесс. Статические сайты с пассивными веб-страницами создаются вручную, с помощью какого – либо редактора HTML в файловой системе компьютера, потом загружаются на сайт. Создание новых веб-страниц или редактирование существующих страниц пользователь выполняет на ПК в редакторе, а затем вновь загружает на Web-сайт.
В основном статические сайты с пассивными веб-страницами применяются для создания небольших и средних сайтов с постоянной структурой и внешним видом страниц (но каждая страница может иметь свой шаблон оформления), которые можно размещать на любых хостингах, в том числе на бесплатных, которые не поддерживают работу скриптов. Обучение школьников и студентов основам создания сайтов целесообразно начинать с создания статических сайтов с пассивными страницами, т.е. с изучения языка разметки HTML и каскадных таблиц стилей CSS.
Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.
Для обучения целесообразно использовать редактор Microsoft FrontPage - это визуальный HTML редактор, который входит в состав приложений Microsoft Office. Но создание реального сайта лучше выполнять в русифицированном редакторе Macromedia Dreamweaver 8 с использованием технологии CSS. Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать 20 Кбайт.
В данном, по сути, теоретическом уроке рассматриваются форматы графических файлов , которые получили широкое распространение для Web - GIF и JPEG. Их многофункциональность, универсальность, небольшой объем исходных файлов при достаточном для сайта качестве, сослужили им положительную службу. Таким образом, эти файлы стали, своего рода, стандартами для веб-графики. Также есть еще формат PNG, который также поддерживается браузерами при добавлении изображений. Формат PNG имеет две разновидноси - PNG-8 и PNG-24. Тем не менее, популярность PNG сильно уступает признанию форматам GIF и JPEG.
1. GIF (Graphics Interchange Format) - формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения. Этот файл может применяться для создания логотипов сайта, баннеров или изображений с прозрачными участками.
Особенности:
1) Кол-во цветов в изображении может быть от 2 до 256 (любые цвета из 24-битной палитры).
2) Файл в формате GIF может содержать прозрачные участки.
3) Поддерживает покадровую смену изображений (создание баннеров и простой анимации).
4) Использует свободный от потерь метод сжатия.
2. JPEG (Joint Photographic Experts Group) - популярный формат графических файлов, широко используемый при создании сайтов и для хранения изображений. JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в фотографиях неизменными. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может внести искажения в рисунок, особенно если он содержащий текст, мелкие детали или четкие края. Формат JPEG не поддерживает прозрачность. Когда вы сохраняете фотографию в этом формате, прозрачные пиксели заполняются определенным цветом.
Особенности:
1) Кол-во цветов - около 16 млн. позволяет сохранять изображения высокого качества.
2) Можно выбирать качество изображения и управлять конечным размером файла.
3) Поддерживает технологию, так называемый прогрессивный JPEG, в котором версия рисунка с низким разрешением появляется в окне просмотра до полной загрузки самого изображения.
3. PNG-8 (Portable Network Graphics) - формат по своему действию аналогичен GIF. Использует улучшенный формат сжатия данных. Используется в областях: текст, логотипы, иллюстрации с четкими краями, изображения с градиентной прозрачностью.
Особенности:
1) Использует 8-битную палитру. При сохранении файла можно выбрать от 2 до 256 цветов.
2) В отличие от GIF, не отображает анимацию ни в каком виде.
4. PNG-24 - формат, аналогичный PNG-8, но использующий 24-битную палитру цвета. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно форматам GIF и PNG-8 сохраняет детали изображения, как, например, в линейных рисунках, логотипах, или иллюстрациях. Применение: фотографии, рисунки, содержащие прозрачные участки, рисунки с большим количеством цветов и четкими краями изображений.
Особенности:
1) Применяется для полноцветных изображений (использует примерно 16,7 млн. цветов).
2) Поддерживает многоуровневую прозрачность, что это позволяет создавать градиент.
3) Конечный объем файла получается наибольшим, т.к. алгоритм сжатия сохраняет все цвета и пикселы в изображении неизменными.
Резюмируя все вышесказанное, хочется добавить, что существуют и другие форматы графических файлов с различными методами сжатия информации, о которых здесь не упоминается. Однако, подчеркну, что широкое распространение для веб-графики получили все упомянутые в данном уроке форматы.
Существуют сотни графических форматов, но только некоторые из них поддерживаются веб-браузерами. В данной статье мы опишем различные графические форматы файлов, которые доступны для веб-дизайнеров и в каком случае они должны быть использованы.
Графические форматы файлов, которые поддерживаются большинством популярных веб-браузеров являются: Graphic Interchange Format (GIF), Joint Photographic Experts Group (JPEG), Portable Network Graphics (PNG) и векторная графика. Некоторые свойства графических файлов:
GIF основан в 1980 году и принят веб-дизайнерами в начале 1990-х годов в качестве основного графического формата для веб-страниц. GIF файлы используют алгоритм сжатия, который делает размера файла маленьким для быстрой загрузки. GIF ограничен 256 цветами (8 бит), поддержкой прозрачности и черезстрочной графики. Также есть возможность создавать анимированную графику используя этот формат. Все браузеры могут отображать GIF файлы без проблем.
Преимущества GIF:
Файлы сжаты, но поддерживают “истинные цвета” (24 бит) и являются предпочтительным форматом для фотографий, где вопрос о качестве очень важен. JPEG поддерживает прогрессивный формат, который позволяет почти мгновенно видеть изображение, которое улучшиться в качество, когда закончится загрузка.
В отличие от GIF файлов, веб-дизайнеры могут управлять сжатыми файлами JPEG, что допускает иметь различные уровни качества изображения и размеры файла.
Преимущества JPEG:
PNG является относительно недавним форматом, который был введен как альтернатива для GIF файлов. PNG поддерживает до 24 битный цвет, прозрачность, переплетение и может содержать краткое текстовое описание изображения, которое используется в поисковых системах.
Преимущества PNG:
Большинство веб-графики является растровым изображением или рисунком, который состоит из сетки цветных пикселей. Иллюстрации должны быть созданы в векторной графике, которая состоит из математического описания каждого элемента, который составляет формы линий и цвета изображения. Векторная графика создается путем привлечения таких программ, как Adobe Illustrator или CorelDRAW. Векторная графика должна быть преобразованы в любом формате GIF, JPEG или PNG для использования на веб-страницах.
Какой формат следует использовать?
Веб-дизайнер может выбрать либо GIF или JPEG формат для большинства применений. Но, так как размер файлов GIF, как правило, небольшой по сравнению с размером файла JPEG, большинство веб-дизайнеров будут использовать формат GIF для фона, коробок, кадров и любых других графических элементов, которые выглядят отлично с помощью 8-битного цвета.
Большинство дизайнеров выберут формат JPEG для фотографий и иллюстраций, где сжатие не идет на компромисс визуальному качеству изображения.
В данной статье мы поговорим немного про графические форматы используемые в вебе - все они интегрированы с современными браузерами и вы, вне всякого сомнения, с ними сталкивались не раз.
Правильно применяя графику, а так же экспериментируя с ее форматами, можно достичь значительного увеличения скорости загрузки страниц, что положительно отразится на продолжительности пребывания посетителей на сайте.
Несмотря на то, что в настоящее время широкополосное подключение к Интернету не является редкостью, скорость загрузки страниц продолжает оказывать влиять на отношение посетителя к тому или иному ресурсу. Факты говорят о том, что чем быстрее загружается сайт, тем большее внимание посетитель уделяет его контенту.
Итак, начнем с небольшого теоретического ликбеза касательно самих графических форматов.
Флэш рассматривать не будем - ему посвящена
.
Графических форматов чрезвычайно много, но в именно вебе, чаще всего, встречается только пять из них. Это - bmp, tif, gif, jpg, png.
5. PNG (англ. portable network graphics ) - растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены формата GIF графическим форматом, не требующим лицензии для использования. В данное время, этот формат стал использоваться в вебе чрезвычайно широко, но еще пока не вытеснил jpg и gif. Плюсы png - поддержка палитры вплоть до 32 битов, возможность работать со слоями, добавление мета-даты в файл (авторские права и т.п.). png применяют не только для растровой графики, но и для обычных фотографий.
Например, в некоторых случаях достаточно сделать графический элемент размером 4x4 пикселя (а не 4X1520).
В процесе создания растровой графики (элементы страницы и т.п.) старайтесь добиться применения наименьшего количества цветов - разумеется, на внешнем виде страницы это никак не должно сказываться.
Например, формат gif имеет 2, 4, 8, 16, 32, 64, 128 и 256 цветов - поэкспериментируйте с этими показателями. Более того, помните, что рекомендуемый формат сжатия для веба - это WebSnap adaptive. Ну а если у вас есть возможность применить черно-белую графику, то обязательно сделайте это - уменьшение объема картинки будет весьма существенным.
Настоятельно рекомендуется экспериментировать с форматом png - зачастую его использование дает несравненно более высокий эффект нежели использование gif. Как уже было сказано в начале статьи, этот формат поддерживается всеми браузерами и, являясь более поздней альтернативой знаменитому "гифу", обладает несравненно более совершенными показателями.
Чрезвычайно важно помнить, что эксперимент с графическими форматами - это залог успеха. Что бы суметь добиться максимального качества сжатия (без потерь красивости веб-страницы и четкости изображения) необходимо использовать в своей работе сразу три формата одновременно, т.е. надо стремиться сочетать на одной странице gif, png и jpg.
Например, gif целесообразно использовать для растровой графики, jpg при работе с фотографиями, png в тех случаях, когда это позволяют обстоятельства, т.к. исключительно посредством эксперимента вы сможете самостоятельно удостовериться в том, когда более всего целесообразней подменять jpg или gif.
Теперь пару слов о распространенных ошибках совершаемых большим количеством веб-мастеров при работе с графикой.
Зачастую эти ошибки носят весьма банальный характер, но негативные последствия от них весьма и весьма ощутимы.
Для этого просто в графическом элементе добавьте прозрачности и расположите его в вышеназванной таблице. Зачастую таким нехитрым способом можно весьма неплохо выиграть килобайты.
Даже несмотря на то, что вес их и будет не велик, скорость загрузки страницы, состоящей из большого числа элементов, будет очень затруднена - ведь браузеру потребуется время, что бы все скомпоновать.
Их применение делает сайт не только более функциональным, но еще и улучшает его визуальные показатели. Иными словами, если имеется возможность выбирать между использованием CSS и графикой, то лучше остановить свой выбор на CSS.
наполнение сайта - статьи о ньансах заполнения вашего сайта различными материалами
