Открыть меню

Коротко о графических форматах.


Гостевой пост от Никиты Павлюченко ( Kitich ) — талантливого дизайнера, у которого дизайн не только хобби, но и работа. Это первый гостевой пост на моем блоге, за что хочу сказать спасибо большое Никите от себя и моих  читателей.
____________________________

Доброго времени суток!

Разрешите представиться: меня зовут Никита aka Kitich. Я веду блог «Философия дизайна», на страницах которого пытаюсь рассказать простыми словами о самых разных вещах, связанных с дизайном и не только.

В жизни занимаюсь, в основном, дизайном и вёрсткой, программированием, учёбой и немного общественной деятельностью (той самой, что спать споконо не даёт). Веду неб

ольшой «Курс молодого дизайнера» и несколько интернет-проектов (e-LITr, FullRSS), к сожалению, дожидающихся моего свободного времени.

Сегодня я приглашён хозяйкой этого замечательного бложека :), постоянным читателем которого я являюсь. О чём же написать в таком разностороннем блоге? В итоге, выбор остановлен на основе основ любого дизайна.

Наша сегодняшняя тема — коротко о графических форматах.

Виды графических форматов

Начнём с самого начала: графика бывает растровой и векторной.

Растровые изображения создаются и хранятся как набор точек определённых цветов. Так же, как и отображаются на мониторе.

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

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

му что алгоритмы масштабирования вынуждены «дофантазировать» недостающие точки. Действует закон сохранения массы: ничего не берётся из ниоткуда — качество (чёткость) картинки падает.

Основные растровые форматы

BMP

Является простейшим и всем известным форматом. BMP — сокращение от bitmap — это и есть «растр». Сам файл содержит основные параметры изображения (размер, цветность) и список (матрицу) цветов всех точек изображения по порядку. Никакого сжатия здесь нет, поэтому файлы bmp такие большие.

Например, wallpaper (обои на рабочий стол) размером 1600х1200 с цветностью 24 бита (то есть цветой каждой точки задаётся 24 битами = 3 байтами информации). Размер такого файла = 1600х1200х3 = 5760000 (байт) = 5625 (килобайт) = 5,49 (мегабайт). Я создал такой файл — ровно столько у меня и получилось.

JPEG

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

Прошу обратить внимание, как при сохранении с низким качеством картинка смазывается и появляются «квадраты». Теперь вы знаете почему 🙂

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

GIF

GIF известен не сжатием самой картинки, а палитрой цветов. Он занимает гораздо меньше, чем BMP, так как использует не всю возможную палитру цветов, а только то количество, что реально используется в изображении, но не больше 256. Эти цвета могут быть любыми, поэтому в начале файла хранится палитра цветов, пронумерованных от 0 до 255, а дальше — само изображение, где каждая точка занимает не больше 1 байта (1 байт может принимать 2 в восьмой степени = 256 значений-цветов). А если бы в картинке было всего 2 цвета, то в 1 байте умещалось бы целых 8 точек!

Потому GIF хорош для изображений с небольшим количеством цветов (и оттенков) — контрастных и без градиентов.

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

PNG

Об этом формате я подробно писал :). Не буду повторяться, только подведу итоги:

Изображение в PNG сжимается без потери качества, то есть картинка никак не меняется, а для сжатия файл, фактически, просто архивируется (подобно ZIP и RAR) специальными алгоритмами.

Лучше всего PNG сжимает градиенты и однородные части без мелких деталей. А кроме этого поддерживает полноценную прозрачность изображения (не 1 прозрачный цвет и рваные углы, как GIF, а полупрозрачность и красивые градиенты), что делает его вообще незаменимым для web, если бы не 1 НО: он криво поддерживается некоторыми старыми браузерами (в том числе Internet Explorer 6, хотя и в 7-м проблема решена не до конца).

TIFF

Широко используется в полиграфии, так как сжимает изображения без потери качества (так же как PNG, при помощи разных видов архивации) и поддерживает различные цветовые схемы для кодирования изображений, в частности, CMYK, который используется при печати в полиграфии вместо привычного нам RGB.

Кроме того, TIFF позволяет хранить изображение, состоящее из отдельных слоёв (как в Фотошопе), что позволяет легко его редактировать в случае необходимости.

Основные векторные форматы

AI и CDR

Это форматы векторных изображений программ Adobe Illustrator и Corel Draw, соответственно. Несмотря на специфичность, получили очень широкое распространение, особенно CDR, ставший негласным стандартом векторной графики.

Но оба формата постоянно развиваются, вследствие чего для работы постоянно приходится держать обе эти программы, причём самые последние версии 🙁

EPS

Для векторной графики советую использовать именно EPS. Формат стабильный, не меняется, открывается всеми доступными векторными редакторами и даже многими растровыми. Пусть он и не в состоянии хранить заумные спецэффекты, но обычно его достаточно для любых нужд — must use!

PDF

Жемчужина векторной коллекции. Да, PDF — это не только книжки читать, но и печатать. Я использую его для полиграфии, так как он может хранить много страниц и имеет целое море разных настроек, незаменимых при качественной печати: цветовую схему, степень сжатия, встроенные палитры и ещё много всякого.

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

THE END

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

______________________________________
Вы уже заработали на BMW, Mercedes, а коврики в салон купили? Ведь без автомобильных ковриков — Ваш автомобиль будет выглядеть неопрятно.

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

Коротко о графических форматах. обновлено: Октябрь 28, 2016 автором: Елена Иванова
Обсуждение: 2 комментария
  1. Юрий Гладкий:

    Спасибо! Хоть и почти все знал, но вот про ПНГ было полезно

    Ответить
  2. Юрий Гладкий:

    Спасибо! Хоть и почти все знал, но вот про ПНГ было полезно

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Женский SEO блог LadyMaksima · Копирование материалов сайта без разрешения запрещено
Дизайн и поддержка: GoodwinPress.ru

Рассылка 'Создание блога, заработок в интернет'