Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Графика для сайта /

Форматы растровой графики для сайта. Часть 1. Формат Gif.

АвторАвтор: aklychin

Дата добавленияДата добавления: 26.04.2013

Число просмотровЧисло просмотров: 3530



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


Продолжаем рассмотрение темы посвященной растровой графике. В прошлой статье "Форматы растровой графики для сайта" мы познакомились с понятием растровой графики и растрового изображения, с основными характеристиками растровых изображений, с преимуществами и недостатками растровой графики, а так же в общих чертах рассмотрели основные форматы растровой графики, которые используются при web-разработке.


Сегодня мы подробней рассмотрим один из форматов растровой графики, который довольно часто используется при создании сайтов. Таким форматом, является формат Gif. Данный формат берет свое начало из далекого 1977 года, когда два израильских математиками предложили новый алгоритм хранения данных об изображении в файле. В чем же заключался принцип этого нового алгоритма?


Дело в том, что в те времена скорость передачи данных в интернет была смехотворно малой. Поэтом, чтобы сохранить скорость загрузки сайта, и при этом снабдить его графикой необходимо было, что-то менять. Вот и поменяли алгоритм хранения данных об изображении в файле. В новом алгоритме данные в файле должны были храниться в сжатом виде. И в конечном итоге это привело к ожидаемому эффекту. Действительно, даже самые большие изображения, сохраненные в формате Gif, стали грузиться гораздо быстрее.


Формат Gif


Еще одним преимуществом, для web-разработчиков при введении формата Gif, стал тот факт, что при сохранении изображения в данном формате появилась возможность один из цветов изображения делать прозрачным. Такая возможность привела к уменьшению физического размера графического файла, а соответственно и экономии дискового пространства.


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


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


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


Что же касается принципов оптимизации рисунков в формате GIF для web, то здесь необходимо придерживаться следующих правил:


графика в формате Gif


• В случаях, когда фон рисунка полностью совпадает с фоном веб-страницы, можно в самом рисунке сделать этот фон прозрачным, поскольку прозрачная область уменьшает физический размер конечного файла. В случае с белым или черным фоном данное правило можно игнорировать, к ожидаемому эффекту это не приведет.


• В случаях, когда используются прозрачные участки в изображениях, стоит задавать цвет краев идентичным к фону, на котором будет размещаться изображение.


• Количество цветов, в большинстве случаев при сохранении файла в формате Gif можно понизить. Это не принесет особого вреда для изображения в целом, но сэкономит дисковое пространство.


• В случаях, когда используются прозрачные участки в изображениях, так же не стоит применять алгоритм смешения цветов. Итог такого применения может оказаться не прогнозируемым, что приведен к явному ухудшению качества изображения в целом.


• Параметр чередование строк стоит включать, когда речь идет о большом по размеру изображении. Большим по размеру изображением для формата Gif, принято считать файл, физический размер которого больше 40 килобайт. При включении параметра чередование строк, файл в формате Gif грузится в несколько этапов, поэтому посетителю сайта не надо будет ждать, когда на пустом месте лишь после довольно длительного времени появляется запланированное изображение.


На этом про формат Gif пожалуй все. В качестве вывода стоит отметить, что основным применением данного формата являются на сегодняшний день, в основном анимированные изображения и изображения с низким разрешением, что позволяет иметь некоторые привилегии как в скорости загрузки сайта, так и в экономии дискового пространства на сервере.


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 12

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017