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

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




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

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



Каким контентом наполнять сайт , уникальным или копипастом?

Каким контентом наполнять сайт , уникальным и...


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


Доктор Хаус

Доктор Хаус


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


Stolpersteine - «камни преткновения». Европа помнит. А мы?

Stolpersteine - «камни преткновения». Европа ...


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


Вкусные рецепты: Вафельный торт "Мечта Винни-Пуха", грибной суп особый, Колбаса " Мозаика" из осьминога, как закуска к НГ.

Вкусные рецепты: Вафельный торт "Мечта В...


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


Тайна Тигровой пади

Тайна Тигровой пади


- Товарищ командир! Ну, когда же мы поедем в Тигровую? – приставали ко мне сотрудники части, подбивая на очередной коллективный выезд в осеннюю тайгу за грибами и кедровыми шишками. Мне было понятно и...


Кого приносили в жертву древние майя?

Кого приносили в жертву древние майя?


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


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

Новогодний корпоратив - как его лучше провести?

Корпоративный новогодний праздник - как лучше его провести?    Мы вряд ли откроем Вам Великую Истину, но, тем не менее – скоро Новый год! Понятно, что впереди еще множество рабочих де...

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

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

Ищем идеи для сайта, статей и ...?

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

Утренняя гимнастика. Какие упражнения могут навред

Вдох глубокий, руки шире, Не спешите — три-четыре! Бодрость духа, грация и пластика — Общеукрепляющая, Утром отрезвляющая (Если жив пока ещё) гимнастика! Эти слова из песни Влад...

Что такое биорезонансная терапия

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

Доставка дизайнерской мебели из Китая: как организ

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

Как выгодно купить или продать бизнес?!

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

Вкусные рецепты: Пирожки с грудинкой, Очень яблочн

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

История цемента

Цемент (нем. Zement, от лат. Caementum – щебень, битый камень), собирательное прозвание искусственных неорганических порошкообразных вяжущих материалов, предпочтительно гидравлических, обладающих спос...

Как расслабить мышцы шеи?

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

Развивая портал:

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

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