Основы Web-дизайна.

Web-графика реализуется с помощью растровых изображений низкого разрешения, представленных в форматах GIF, JPEG или PNG и как бы не совсем нужны для создания своего сайта. Вот, тут говорить об этом однозначно никак нельзя, точнее вы очень часто будете сталкиваться с файлами где будут находиться избражения с расширениями gif, png, jpg и даже jpeg. Так что хотите вы этого или нет, но вам придется узнать об основах веб-графики хотя чуть-чуть и еще немножко. Потерпите уж. Здесь рассматриваются возможности передачи цвета мониторами и Web-браузерами и объясняется, как это может отражаться на Ваших решениях, связанных с Web-дизайном страниц сайта. И некоторые советы по созданию Web-графики и поиску лучших решений для Ващих страниц при создании сайта.

Форматы графических файлов для сайта и как создать сайт.

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

GIF (Graphic Interchange Format) и как создать сайт.

Формат файлов GIF (Graphic Interchange Format - формат графического обмена) традиционно является излюбленным форматом, применяемым в Интернете для создания сайтов. Он первым стал поддерживаться Web-браузерами, и основной объем Web-графики сайта до сих пор реализуется с помощью этого формата. GIF - это файлы с индексированными цветами и как максимум 8-битовой палитрой, т.е. GIF может содержать не более 256 пикселовых цветов. Поскольку в этом формате обеспечивается сжатие пикселевых строк, файлы GIF лучше всего подходят для графики сайта, которая содержит области одинакового цвета, например для логотипов, карикатур, пиктограмм и штриховых рисунков страниц сайта. Файлы GIF неэффективны при хранении фотографий. Файлы GIF обладают иными преимуществами. Часть файла GIF можно сделать прозрачной, что позволяет увидеть сквозь него фоновый рисунок или цвет на страницах сайтов. Такие файлы могут содержать несколько изображений, реализуя простую анимацию в рамках одного файла. Значительная часть анимированных рекламных баннеров на Web-страницах сайтов реализуется с помощью анимационных файлов GIF.

Формат файлов JPEG при создании сайта.

В файлах JPEG (Joint Photographic Experts Group - объединенная группа экспертов в области фотографии) цвет задается 24 битами, что позволяет иметь миллионы цветов в отличие от 256 цветов файлов GIF для создания сайтов. Здесь используется так называемое сжатие с потерями, т. е. некоторая информация об изображении теряется в процессе сжатия, но в большинстве случаев искажение изображения несущественно или даже незаметно. При формировании изображения в формате JPEG можно управлять сжатием, уменьшая размер файла или повышая качество изображения в зависимости от Ваших предпочтений в оформлении и создания сайтов. JPEG обеспечивает великолепное качество изображения на страницах сайтов при небольшом размере файлов. Фотографии или любые изображения с тонкими оттенками цветов лучше всего сохранять в формате файлов JPEG, потому что здесь наиболее эффективно сжимаются непрерывные цветовые тона. Однако файлы JPEG неудобно использовать для хранения простых графических изображений для оформления сайтов, потому что используемый в них метод сжатия может сгладить острые края, сделать неоднородным цвет и значительно увеличить размер файла по сравнению с форматом GIF.

Формат файлов PNG при создании сайта.

PNG (Portable Network Graphic). В отличие от GIF и JPEG формат PNG (Portable Network Graphic - переносимая сетевая графика) был разработан специально для Web-приложений для создания сайтов. PNG может поддерживать изображения с 8-битовым цветом, с 16-битовой черно-белой шкалой полутонов или с 24-битовым реалистичным цветом( true color), используя метод сжатия без потерь, что повышает качество изображения на страницах сайта, а в некоторых случаях размер файла оказывается даже меньше, чем при использовании формата GIF. Кроме того, файлы PNG обладают такими привлекательными особенностями, как встроенный гамма-контроль и различные уровни прозрачности( что позволяет видеть рисунок фона на странице сайта сквозь слабую падающую тень). Несмотря на надежность формата PNG, браузеры и графические инструментальные средства не торопились обеспечить его полную поддержку( различные уровни прозрачности не поддерживались в Internet Explorer вплоть до версии 7). По этой причине по популярности этот формат сильно отстает от GIF и JPEG. Но в настоящее время все три варианты расширения полноценно рассматриваются и применяются при создании сайтов различного назначения. Везде востребованы и между собой не враждуют. Мир и согласие на этом фронте.


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
... ... ...

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