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

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

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

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

Добавление изображения происходит в два этапа: вначале готовится графический файл желаемого размера, затем он добавляется на страницу через тег <IMG>. Сам 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/

Автор статьи: неизвестный | Дата публикации: 15:35 14.12.2016 Trendinfonow.Ru




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

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



Баня для здоровья и красоты. Несколько познавательных фактов

Баня для здоровья и красоты. Несколько познав...


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


Вкусные рецепты: Тарт с сыром и овощами., Голубцы из савойской капусты с креветками. Холодная закуска, легкий салат с грушей

Вкусные рецепты: Тарт с сыром и овощами., Гол...


Тарт с сыром и овощами.Тесто: Масло нарезать кубиками,смешать с мукой и порубить в крошку.Добавить сахар,соль,йогурт.Быстро замесить мягкое тесто.Накрыть пищевой пленкой и поставить в холодильник мини...


Как Уолтер Элайас Дисней шел к своей мечте?

Как Уолтер Элайас Дисней шел к своей мечте?


Не только дети, но и взрослые с восхищением наблюдают интересные приключения веселых спасателей Чипа и Дейла, дядюшки Скруджа и его утят-племянников. Эти и другие симпатичные герои мультфильмов Уолтер...


Магия для соединения сердец

Магия для соединения сердец


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


Срочно нужны средства – пара подсказок, где их раздобыть

Срочно нужны средства – пара подсказок, где и...


Любому известна ситуация, когда неожиданно понадобились средства, хотя до з/п ждать еще очень долго. Что вы можете предпринять? МКК «Меллон Кредит» подобрал подборку важных советов, которые дадут возм...


Кто такие хухлики? Фэнтези-версия Всемирного потопа

Кто такие хухлики? Фэнтези-версия Всемирного ...


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


Читаемые

Пространственные иллюзии

Существует множество приемов корректировки пространства. Мы сгруппировали их по целям в зависимости от того, какого эффекта вы стремитесь достичь: увеличить высоту потолка, расширить комнату или на...

Психологическая помощь: почему нужно обращаться к

Попали в тяжелую обстановку? Стараетесь понять себя и пересмотреть свою жизнь? Есть создание, что вы как будто бегаете по кругу и повседневность поглощает вас? Появились сложности в коммуникации с род...

Как выбирать телевизор для автомобиля?

Ученые провели исследование и пришли к выводу, что каждый водитель за рулём проводит почти 20% своего времени. Поэтому возникает вопрос: как это время проводить ещё и с пользой. Конечно, автомобильные...

Синхронизация мобильного телефона с компьютером. О

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

Новинки кино. Что смотреть в выходные 6-8 марта? «

Девизом нынешней кинонедели можно считать фразу «Голливуд начинает и выигрывает». Всего пять новинок, из которых четыре производства США и лишь одна российская лента, впрочем, сляпанная по...

Вкусные рецепты: Тарт с сыром и овощами., Голубцы

Тарт с сыром и овощами.Тесто: Масло нарезать кубиками,смешать с мукой и порубить в крошку.Добавить сахар,соль,йогурт.Быстро замесить мягкое тесто.Накрыть пищевой пленкой и поставить в холодильник мини...

Три факта относительно браков с иностранцами

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

Вкусные рецепты: салат" ложные опята", с

салат" ложные опята"Вкус салата напоминает грибы, хотя их там нет. Сырую морковь натереть на тёрке. Обжарить. Лук порезать полукольцами, пожарить до золотистого цвета. Соленые или маринованые огурцы н...

Просторный интерьер однокомнатной квартиры

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

Что это такое - дистанционное обучение?

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

Новости развития информационнного портала:

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

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