Форматы изображений для сайта.

Сегодня мы с Вами поговорим о различных форматах изображений используемых на web-страницах. На первый взгляд может показаться: "А что тут думать? Взял любое фото и разместил на сайте. . . " . Да действительно, взял и разместил, но - это только на первый взгляд. От того как и в каком формате подготовлено изображение (фотография, рисунок, чертеж, анимированная картинка и т. д. ), многое зависит. Например: как долго будет грузится Ваша web-страница, какого качества будет этот рисунок (фото) и т. д.

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

Наиболее широкое распространение для веб-графики получили два формата — GIF и JPEG. Их многофункциональность, универсальность, небольшой объем исходных файлов при достаточном для сайта качестве, сослужили им положительную службу, фактически определив их как стандарт web-изображений. Есть еще формат PNG, который также используется про создании сайтов и существует в двух ипостасях — PNG-8 и PNG-24. Однако популярность PNG сильно уступает признанию форматам GIF и JPEG.

Добавление изображения происходит в два этапа: вначале готовится графический файл желаемого размера, затем он добавляется на страницу через тег . Сам HTML предназначен только для того, чтобы отобразить требуемую картинку, при этом никак ее не меняя. О подготовке картинок для web-страниц мы с Вами разговаривали в статье: "Подготовка изображение для вашего сайта. " Поэтому здесь будем рассматривать только форматы изображений.



Формат GIF

GIF (Graphics Interchange Format) — формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения.

Особенности:

Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры. Файл в формате GIF может содержать прозрачные участки. Если используется отличный от белого цвета фон, он будет проглядывать сквозь «дыры» в изображении. Поддерживает покадровую смену изображений, что делает формат популярным для создания баннеров и простой анимации. Использует свободный от потерь метод сжатия Область применения: Логотипы, иллюстрации с четкими краями, анимированные рисунки, изображения с прозрачными участками, баннеры.



Формат JPEG

JPEG (Joint Photographic Experts Group) — популярный формат графических файлов, широко применямый при создании сайтов и хранения изображений. JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в фотографиях неизменными. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может внести искажения в рисунок, особенно содержащий текст, мелкие детали или четкие края. Формат JPEG не поддерживает прозрачность. Когда вы сохраняете фотографию в этом формате, прозрачные пиксели заполняются определенным цветом.

Особенности:

Количество цветов в изображении — около 16 миллионов, что вполне достаточно для сохранения фотографического качества изображения. Основная характеристика формата — качество, позволяющее управлять конечным размером файла. Поддерживает технологию, так называемый прогрессивный JPEG, в котором версия рисунка с низким разрешением появляется в окне просмотра до полной загрузки самого изображения. Область применения: Используется преимущественно для фотографий. Не очень подходит для рисунков содержащих прозрачные участки, мелкие детали или текст.



Формат PNG-8

PNG-8 (Portable Network Graphics) — формат по своему действию аналогичен GIF. По заверению разработчиков использует улучшенный формат сжатия данных, но как показывает практика, это не всегда так.

Особенности:

Использует 8-битную палитру (256 цветов) в изображении, за что и получил в своем названии цифру восемь. При этом можно выбирать, сколько цветов будет сохраняться в файле — от 2 до 256. В отличие от GIF, не отображает анимацию ни в каком виде. Область применения: Текст, логотипы, иллюстрации с четкими краями, изображения с градиентной прозрачностью.



Формат PNG-24

PNG-24 — формат, аналогичный PNG-8, но использующий 24-битную палитру цвета Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF и формату PNG-8, сохраняет детали изображения, как, например, в линейных рисунках, логотипах, или иллюстрациях

Особенности:

Использует примерно 16,7 млн. цветов в файле, из-за чего этот формат применяется для полноцветных изображений. Поддерживает многоуровневую прозрачность, это позволяет создавать плавный переход от прозрачной области изображения к цветной, так называемый градиент. Из-за того, что используемый алгоритм сжатия сохраняет все цвета и пикселы в изображении неизменными, если сравнивать с другими форматами, то у PNG-24 конечный объем графического файла получается наибольшим. Область применения: Фотографии, рисунки, содержащие прозрачные участки, рисунки с большим количеством цветов и четкими краями изображений



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

Автор: Андрей Краснокутский

http://www. pc-cantri. ru/

Автор статьи: неизвестный | Дата публикации: 22:03 24.03.2017 Best-copywriter.Ru




Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Родители, подготовим ребят читать учебники

Родители, подготовим ребят читать учебники


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


Электровелосипед складной купить в Петербурге

Электровелосипед складной купить в Петербурге


Задумались о покупке электровелосипеда?Элекровелосипед совмещает в себе все удобство велосипеда и при этом еще имеет электрический двигатель, который позволяет разогнаться без лишних усилий. -о- Элект...


Как выбрать идеальный купальник?

Как выбрать идеальный купальник?


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


Охота на куницу с лайкой

Охота на куницу с лайкой


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


Светильники потолочные. Обустройте дом эстетичнее.

Светильники потолочные. Обустройте дом эстети...


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


Знакомство с агентом недвижимости

Знакомство с агентом недвижимости


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


Может заинтересовать

Для возможностей нет границ!

Часто употребляемое у нас слово «инвалид» в Европе и Соединенных Штатах предпочитают заменять на «человек с ограниченными физическими возможностями». И это правильно. В переводе с латыни «инвалид»...

Что же это такое - современный наркоз? «Доктор, а

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

Идеальное сочетание уроков испанского языка и саль

С 1995 года языковая школа Коста де Валенсия специализируется на обучении иностранцев испанскому языку. Эта языковая школа, расположенная в центре Валенсии, является центром, аккредитованным Институто...

Как выбрать коляску для ребенка старше 4-х месяцев

Когда моему ребенку исполнилось 4 месяца, мы решили сменить нашу «лежачую» тяжеленную коляску на более легкую и удобную — и для малыша, и для меня. Папу в расчет не берем, потом...

Электронная сигарета, как приспособление что испол

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

Любите свой дом

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

Spitzer обнаруживает самое крупное кольцо Сатурна

Новый пояс простирается в пределах всей системы Сатурна, причем его орбита наклонена под углом 27 градусов к плоскости основного кольца Сатурна. Масса вещества, образующая кольцо, начинается на рассто...

Как стать похожей на Клеопатру? Мнение и личный оп

Женщина, прежде всего, должна нравиться самой себе. Здесь, и только здесь, источник нашего обаяния и уверенности в себе. Если мужчина в одинаковых носках и побрит — он уже хорошо выглядит,...

Про кино Путь. Рецензия и подробности фильма.

Фильм Путь начинается с показа давних времён Шаолина. Группа мальчишек решила выпустить тигра, сидящего в клетке, на волю. Делом занялся один. Он открыл клетку, и свирепая кошка пошла гулять по местно...

Он сказал: «Поехали!» Вы помните, как это было?

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

О информационном портале:

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

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