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

Сегодня мы с Вами поговорим о различных форматах изображений используемых на 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




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

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



Сумерки, Новолуние, Затмение, Рассвет - книги Стефани Майер.

Сумерки, Новолуние, Затмение, Рассвет - книги...


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


Автомобильное стекло

Автомобильное стекло


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


Что такое порнографическая месть и как с ней бороться?

Что такое порнографическая месть и как с ней ...


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


Вкусные рецепты: Другой "Муравейник", Яйца, фаршированные сыром, чесноком и петрушкой, Кекс ореховый

Вкусные рецепты: Другой "Муравейник"...


Другой "Муравейник"Муку просеять,добавить яйца и замесить тесто. Месим минут 10 до полной гладкости. Если чуток липнет-смажьте руки растит маслом.Если сильно липнет-добавьте чуть муки Тесто очень тонк...


Параметры визитной карточки (продолжение)

Параметры визитной карточки (продолжение)


Размер шрифта (кегль) – не следует думать, что чем больше, тем лучше – кричащая информация вызовет лишь недоумение и раздражение. Сам формат визитки как раз и диктует размеры шрифта – он должен смотре...


«Поучительная» сказка «Тот еще Карлосон!». Во что превратилось наше детское кино?

«Поучительная» сказка «Тот еще Карлосон!». Во...


Сарик Андреасян — это не просто какой-то выскочка. Нет, друзья, это новый тренд в российском кино. Подобно тому, как в начале девяностых Михаил Кокшенов «отблагодарил» зрителя с...


Самое интересное

Как родилась песня «Синий платочек»?

В первый год войны ансамбль, которым руководили Клавдия Шульженко и Владимир Коралли, дал в частях Ленинградского фронта пятьсот концертов. Где только не приходилось ей выступать! И на опушке леса, на...

Натаска лаек по кровяному следу и подготовка их к

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

Защитные элементы для мотоцикла, R&G Racing: ч

Мотоциклы с каждым днем набирают всю большую популярность. Чувство воли и скорости тревожит сердца. Но опережая неповоротливые грузовики, многие мотоциклисты не вспоминают о необходимости защиты "стал...

Глоксиния. Как правильно за ней ухаживать?

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

Печать на пакетах методом флексографской печати

Пленка из искусственных материалов применяется сфере упаковки в качестве упаковочного и защитного материала с диапазоном толщины от 5 (5/1000 мм) мкм до 300 мкм (300/1000 мм). Как правило, эта пленка ...

Деревянные беседки и садовая мебель

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

Каково отношение к русским туристам в Египте? 2000

У большей части египетского обслуживающего персонала отношение к итальянцам и англичанам особое. Англичанка Шарлотта (та, что из Манчестера) вела себя в Шарм-Эль-Шейхе как королева, не меньше. Но она&...

Как поступить на журфак в МГУ? Взгляд абитуриента

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

Двери

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

Цели экологической безопасности.

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

О портале:

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

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