Создание и продвижение сайтов
Различные графические форматы изображений – плюсы и минусы их использования на сайте

Различные графические форматы изображений – плюсы и минусы их использования на сайте

Опубликовано: 05/09/2013
Читателей: 9476

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

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

Формат цифрового изображения JPEG


Файлы в расширении JPEG (сокращение от «Joint Photographic Experts Group»), является самыми популярными среди всех форматов, используемых в Интернете. И это при том, что сохраняя файл в формате JPEG, вы теряете чуть ли не 60% информации заложенной в первоначальном файле. А происходит это потому, что при сохранении JPEG отбрасывает все данные, мешающие минимализации файла.

Нет, на первый взгляд все в порядке. Но стоит присмотреться внимательней, и вы увидите, что JPEG изображение куда более сглажено, в нем исчезает глубина и четкость контрастов, цвета бледнее, и становятся заметны «шумы» при увеличении.
Но при этом у JPEG есть и свои плюсы:
- небольшой «вес» - объем изображения;
- поддержка 24-битной цветовой гаммы, а это - 16 миллионов цветов;
- JPEG является мировым веб-стандартом, а значит - нет поисковой системы, которая б не читала его;
- он прекрасно совместим с большинством OS (Mac, PC, Linux и т.д.).

Формат цифрового изображения GIF


Формат GIF (сокращение от «Graphics Interchange Format») известен тем, что ограничен 8-битной палитрой. Но при этом GIF по-прежнему популярен среди веб-мастеров, и в первую очередь потому, что такие файлы не требуют долгой загрузки. А GIF сжимает изображения двумя способами: во-первых, за счет сокращения количества цветов, что позволяет снизить количество бит на пиксель; во-вторых, GIF заменяет несколько малых моделей изображения в один. Таким образом, вместо хранения пять оттенков синего цвета, он сохраняет только один синий.

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

Формат цифрового изображения BMP


Windows Bitmap или BMP – расширение графических файлов, созданных для работы в системе Microsoft Windows. Отличается невероятными размерами даже в сжатом (заархивированном) виде. Разделяется на 8-битные, 16-битные или 24-битные изображения. Но в любом случае при увеличении этого формата становятся видны точки – пиксели, из которых он и строит картинки. Еще хуже обстоят дела с уменьшением изображения, когда 100 или 1000 пикселей BMP легко заменяет одним.
Однако при этом у BMP есть свой плюс - он совместим с большинством программ Windows и OS. А все остальное – минусы.

Формат цифрового изображения TIFF


Формат TIFF, созданный Aldus для настольных издательских систем, в 2009 году был передан в управление компании Adobe Systems – просто полезная информация. Что до самого формата, то он почти не используется в оформлении сайтов, и зря, так как именно этот формат может придать страницам по-настоящему профессиональный вид. А вот среди пользователей Apple, оценивших TIFF по-достоинству, он весьма популярен.

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

А жаль, потому что именно TIFF может передать изображение во всей его невероятной красе, придавая даже любительским снимками глубокий, насыщенный и «дорогой» вид. И это притом, что в последнее время файлы в формате TIFF можно сохранять со слоями.

Формат цифрового изображения PNG


PNG (или «Portable Network Graphics») является графическим форматом, созданным специально для передачи изображений в Сети, а потому именно он был, есть и будет лучшим форматом для фотографий, размещенных на вашем сайте. PNG поддерживает 24-битные цветные изображения, изображения в сером градиенте, однако не поддерживает CMYK-цвета, и поэтому не может быть использован для печати графики.

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

Вот то, что нужно знать веб-мастеру о самых популярных форматах цифровых изображений. Мы хотим закончить наш рассказ о них попыткой ответа на вопрос: «Существует ли универсальный формат изображения, который является лучшим?» Увы, но такого формата нет, потом что у каждого из них на сегодняшний день есть как свои плюсы, так и свои минусы. И потому мы советуем вам самим выбирать именно тот формат, который подходит вам больше прочих, помня, что:
TIFF – лучший формат для профессионалов, работающих как с графикой, так и с файлами допечатной подготовки, а так же с большими цифровыми фото.
JPEG- позволяет быстро загружать большие файлы, но с потерей качества, и при этом он совместим как PC так и с Mac.
PNG – идеален для создания небольших файлов с отличным качеством.
BMP – хорошо для создания небольших презентаций, курсовых и дипломов.
GIF – позволяет вам наполнять свой сайт анимацией. Так же этот формат является идеальным для создания клипартов и рисованной графики.

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

7 советов по оптимизации графики для сайта

7 советов по оптимизации графики для сайта

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

Графические материалы в контент-стратегии сайта

Графические материалы в контент-стратегии сайта

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

Старый контент сайта: удалить или пригодится?

Старый контент сайта: удалить или пригодится?

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

Как облегчить подготовку контента

Как облегчить подготовку контента

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

Советы и рекомендации