Компьютерная графика

Расширения имен файлов для основных графических форматов

(Список отсортирован по расширению.)

Формат	Расширение имени
Adobe Illustrator	.ai, .eps
CorelDRAW Binary Meta File	.ccx
CorelDRAW	.cdr
Computer Graphics Metafile	.cgm
Курсоры мыши	.cur, .ani
Device Independent Bitmap	.dib
DjVu	.djvu
Micrografx Designer	.drw
AutoCAD DXB (Drawing Interchange Binary)	.dxb
AutoCAD DXF (Drawing Interchange Format)	.dxf
Windows Enhanced Metafile	.emf
Encapsulated PostScript	.eps
Macromedia Flash	.fla
FlashPix	.fpx
Graphics Interchange Format	.gif
Векторная графика на языке HPGL для графопостроителя(Hewlett-Packard Graphic Language)	.hpg, .hpgl
Пиктограммы (Icon)	.ico
Joint Picture Motion Group (JPEG File Interchange Format)	.jpg или, реже, .jpeg
Kodak Photo CD	.pcd
PC Paintbrush	.pcx
Portable Document Format (PDF)	.pdf
PICT (Macintosh QuickDraw Picture Format)	.pic или .pct.
Portable Network Graphics	.png
PostScript	.ps или, реже, .prn
Adobe Photoshop	.psd, .pdd
Необработанные данные с ПЗС‑матрицы	.raw
LizardTech MrSID image compression format	.sid
TrueVision Targa	.tga
Toggle Immage File Format	.tif или, реже, .tiff
Метафайл Windows	.wmf
WordPerfect Graphics	.wpg

Более подробную информацию по расширениям имен файлов можно найти в Интернете, например, здесь.

Отличия растровой графики от векторной

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

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

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

Основы работы с файлами изображений

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

Существует два типа форматов изображений: файлы векторной графики и файлы растровой графики.

1.1. Векторная и растровая графика

Не вдаваясь в подробности, растровые файлы состоят из отдельных пикселей, каждый из которых содержит данные о цвете. Все изображение представляет собой невероятно сложную комбинацию разноцветных точек. По этой причине такие файлы имеют большой размер. Фотографии — это растровые изображения. Качество зависит от количества пикселей на дюйм (PPI, pixels per inch) и размеров изображения. Растровые изображения нельзя увеличить без потери четкости и качества.

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

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

1.2. Размер файла в форматах изображения

Ещё один важный аспект — размер (вес) файла. Размер файла — это объем места, который файл занимает в вашем хранилище (например на жестком диске компьютера). Файлы изображений, особенно растровые, содержат огромное количество информации

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

Это также важно для скорости браузера.

Здесь важно отметить, что существует два типа сжатия: «с потерями» и «без потерь». У обоих есть преимущества и недостатки:

Сжатие без потерь: фактически никакая информация не удаляется

Это часто очень важно, когда нужно поддерживать качество.

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

Таким образом, сжатие с потерями может уменьшить размер файла намного больше, чем сжатие без потерь, но снизит качество.

1.3. Поддержка форматов изображения браузерами

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

Характеристики растровой графики

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

Для вас подарок! В свободном доступе до23.10

61 проверенный канал из закрытой подборки по поиску работы в IT

Гарантированно найдете выгодную работу за 1-2 дня

Чтобы получить подарок, заполните информацию в открывшемся окне

Перейти

Скачать файл

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

Размер и качество цифрового изображения

Размер изображения в пикселях и глубина цвета, содержащаяся в каждом пикселе, определяют в итоге качество картинки. К примеру, сегодня большая часть мониторов поддерживает глубину цвета 24 бита. Изображения с таким количеством информации на пиксель будут более качественными, нежели 16-битные, благодаря плавным цветовым переходам.

Также качество картинки можно оценить и по размеру. Изображения растровой графики, вмещающие 307 200 пикселей (640 по ширине и 480 по высоте), выглядят грубее, чем изображения, содержащие 1 310 720 пикселей (соответственно 1280 на 1024 по ширине и высоте).

Характеристики растровой графики

Такой массив графической информации зачастую занимает большой объем. Поэтому для экономии памяти был разработан метод сжатия, при котором незначительно теряется или практически не теряется исходное качество. Сжатая графика с потерями обычно представлена в формате JPEG 2000. Примерами сжатия без потерь являются графические файлы с расширениями PNG и TIFF.

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

Разрешение

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

Современные компьютерные мониторы имеют разрешение 72-130 пикселей на дюйм, а разрешение смартфонов и планшетов зачастую превышает 300 пикселей на дюйм. У принтеров этот показатель и вовсе может быть выше 1200 dpi. Это приводит к трудностям при выборе наиболее оптимального разрешения изображения для вывода на печать. Может оказаться, что распечатанная картинка в силу большего разрешения покажет больше деталей, чем оригинал.

PNG, JPG, GIF, BMP, TIF

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

Растр против вектора

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

Сжатие с потерями и сжатие без потерь

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

Опять же, форматы файлов изображений можно различать по эффектам сжатия:

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

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

Изображения JPG / JPEG / JFIF

Полная форма: Объединенная группа экспертов по фотографии.

Расширение: .jpg / .jpeg

Самый распространенный формат файлов изображений, в котором цифровые камеры сохраняют свои изображения. В файлах JPEG применяется метод сжатия с потерями, который может помочь значительно уменьшить размер файла без ущерба для качества. Это формат по умолчанию для файлов Microsoft Paint.

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

Применение: неподвижные изображения, хранилище устройств захвата изображений, изображения с фокусировкой на свет и темноту.

PNG изображение

Полная форма: Portable Network Graphics

Расширение: .png

Эта бесплатная альтернатива GIF с открытым исходным кодом предлагает 16 миллионов цветов. Это лучший формат файлов для полноцветных изображений, требующих идеального баланса тонов. Анимированный файл формата PNG доступен с форматом APNG. Эти файлы имеют прозрачный фон.

Минусы: лучше всего работает с файлами большего размера. Сам формат PNG не поддерживает анимированную графику.

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

Расширение файла TIF

Полная форма: формат файла изображения с тегами.

Расширение: .tif / .tiff

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

Минусы: не идеален для веб-браузеров.

Применение: стандартный фотофайл в печати. Программные пакеты OCR.

Формат файла GIF

Полная форма: формат обмена графикой

Расширение: .gif

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

Минусы: ограничено 8-битной палитрой (256 цветов), не подходит для фотографических изображений или дизеринга.

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

Формат файла изображения BMP

Полная форма: означает растровое изображение

Расширение: .bmp

Эти большие несжатые файлы связаны с графическими файлами в ОС Windows.

Минусы: этот формат не содержит потерь, то есть его нельзя сжать.

Применение: их упрощенная структура делает их идеальными для программ Windows.

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

Основы растровой графики

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

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

Разрешение — количество точек на единицу измерения.

dpi (dots per inch) — количество точек на дюйм.

ppi (points/pixels per inch) — пикселов на дюйм.

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

Не путайте разрешение изображения, разрешения монитора и разрешение принтера. Это разные вещи.

Вспомнив основы растровой графики, перейдем к описанию форматов хранения растровой графики.

Что такое растровая графика

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

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

Что такое растровая графика

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

Растр vs. вектор: в чем разница

Возможно, вы уже слышали, что есть растровые форматы и векторные.

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

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

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

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

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

Векторная графика (Vector drawing)

Форматы: .cdr .ai …
Достоинства векторной графики:

Малый объем памяти. При кодировании векторного изображения хранится
не само изображение объекта, а координаты четырех точек, поэтому объем
памяти очень мал по сравнению с точечной графикой. Вывод: Векторная
графика — оень экономичный способ кодирования. Она экономна в плане
объемов дискового пространства, необходимого для хранения изображений:
это связано с тем, что сохраняется не само изображение, а только некоторые
основные данные, используя которые программа всякий раз воссоздает изображение
заново. Кроме того, описание цветовых характеристик несильно увеличивает
размер файла.
Свобода трансформации. Векторное изображение можно вращать, масштабировать
без потери качества изображения. Объекты векторной графики просто трансформируются
и ими легко манипулировать, что не оказывает практически никакого влияния
на качество изображения.
Аппаратная независимость. Векторная графика «работает» с идеальными
объектами, которые сами приноравливаются к изменениям: можно не знать,
для каких устройств делается тот или иной документ. Векторная графика
максимально использует возможности разрезрешающей способности любого
выводного устройства: изображение всегда будет настолько качественным,
на сколько способно данное устройство.

Недостатки векторной графики:

Программная зависимость. Каждая программа строит кривые Безье по своим
алгоритмам. (Например, формат .cdr программы Corel Draw не описан и является
нестандартным). Часто необходимо конвертирование. Каждая программа сохраняет
данные в своем собственном формате, поэтому изображение, созданое в одном
векторном редакторе, как правило, не конвертируется в формат другой программы
без погрешностей.
Сложность векторного принципа описания изображения не позволяет автоматизировать
ввод графической информации и сконструировать устройство подобное сканеру
для растровой графики.
Векторная графика действительно ограничена в чисто живописных средствах
и не предназначена для создания фотореалистических изображений.

Плюсы и минусы растровой графики

Для начала перечислим достоинства растра.

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

ТОП-30 IT-профессий 2022 года с доходом от 200 000 ₽

Команда GeekBrains совместно с международными специалистами по развитию карьеры
подготовили материалы, которые помогут вам начать путь к профессии мечты.

Подборка содержит только самые востребованные и высокооплачиваемые специальности
и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились
с карьерной целью на ближайшее будущее!

Скачивайте и используйте уже сегодня:

Александр Сагун
Исполнительный директор Geekbrains

Топ-30 самых востребованных и высокооплачиваемых профессий 2022

Поможет разобраться в актуальной ситуации на рынке труда

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

Получить подборку бесплатно

pdf 3,7mb
doc 1,7mb

Уже скачали 15317

Теперь разберем объективные недостатки.

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

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

Типы графических файлов – растровые vs векторные

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

Lossy и lossless – это методы сжатия, а растр и вектор – типы графических файлов.

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

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

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

Растровые форматы графических файлов

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

Растровые изображения обычно имеют больший размер, чем векторные. Растровые форматы графических файлов включают JPEG, GIF и PNG – это наиболее распространённые форматы изображений в интернете.

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

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

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

Векторные изображения состоят из путей, основанных на математических уравнениях.

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

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

Обычно размер таких графических файлов меньше, чем растровых. Векторные форматы графических файлов включают: EPS, SVG и AI.

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

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

Растровая графика (Raster drawing)

Форматы: .tif .bmp .gif .jpg .png …Разрешение измеряется в единицах:ppidpiДостоинства растровой графики

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

Недостатки растровой графики:

Объём файла точечной графики одназначно определяется произведением площади
изображения на разрешение и на глубину цвета (если они приведены к единой
размерности)

При этом совершенно неважно, что отображено на фотографии:
белый снежный пейзаж с одиноким столбом вдалеке, или сцена рок-концерта
с обилием цвета и форм. Если три параметра одинаковы, размер файла будет
практически одинаковым

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

Растровые форматы: GIF, BMP, WBMP, PCX, PCD,
PSD, FLM, IFF, PXR, PNG, SCT/PICT, PCT, RAW, TIF/TIFF, BMP, JPEG , TGA,
FPX, GIF , PhotoCD, MNG, ICO, FLA/SWFGIFJPEGBMPWBMPPCX PCD TIF, TIFF PSDFLM IFFPXRPNGСуществует два подформата:PNG8 и PNG24PNG24PNG8SCTPCT/PICTRAWTGAFPXPXRICOFLASWFMNGВекторные форматы: WMF, EMF, CGM, EPS, WPG,
AutoCAD, DXF, DWG, CDR, AI, PCT, FLA/SWFEPSPCTFLASWF Форматы файлов
для печати: TIFF, EPSФорматы графических
файлов для web-дизайна: PNG, GIF, SWF, JPG Редакторы
векторной графики и анимации: Редакторы
растровой графики и анимации: Редакторы
3D графики и анимации: Материал составил
Клюев М.Смотри также:Компьютерная графикаWeb-дизайн макетыБезопасная палитра, системные цвета Windows
и прочая фигня…

Векторные

HPGL (Hewlett Packard Graphic Language): Формат векторной графики, широко использующийся при выводе рисунков и чертежей на плоттеры. Является стандартом в данной области.
Наиболее удобный формат для представления данных рентгеноструктурного анализа.
WMF (Windows Meta File): Векторный формат WMF использует графический язык Windows и, можно сказать, является ее родным форматом. Служит для передачи векторов через буфер обмена (Clipboard).
Понимается практически всеми программами Windows, так или иначе связанными с векторной графикой.
Однако, несмотря на кажущуюся простоту и универсальность, пользоваться форматом WMF стоит только в крайних случаях для передачи простейших изображений.
WMF искажает цвет, не может сохранять ряд параметров, которые могут быть присвоены объектам в различных векторных редакторах, не может содержать растровые объекты.
Соответствующие программам (AI, CDR, DXF): См. «Программные форматы».

Специально для особо умных, копирующих все подряд из Интернета.

SVG (Scalable Vector Graphics) в принципе не стоит относить к форматам графики. Скорее это язык управления браузером, как подмножество XML.

В заключение

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

Автор оригинальной статьи:

Автор перевода: dbayan

Не забудьте подписаться на наш Telegram канал с актуальными новостями о фотостоках и интересной информацией. Коротко и полезно.

Последнее изменение: 17 апреля 2021 в 08:37.

компьютерная графика (растр, вектор, графические форматы)

Расширения имен файлов для основных графических форматов

Отличия растровой графики от векторной

Основы работы с файлами изображений

1.1. Векторная и растровая графика

1.2. Размер файла в форматах изображения

1.3. Поддержка форматов изображения браузерами

Характеристики растровой графики

Размер и качество цифрового изображения

Разрешение

PNG, JPG, GIF, BMP, TIF

Растр против вектора

Сжатие с потерями и сжатие без потерь

Изображения JPG / JPEG / JFIF

PNG изображение

Расширение файла TIF

Формат файла GIF

Формат файла изображения BMP

Основы растровой графики

Что такое растровая графика

Растр vs. вектор: в чем разница

Векторная графика (Vector drawing)

Плюсы и минусы растровой графики

Типы графических файлов – растровые vs векторные

Растровые форматы графических файлов

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

Рекомендации по использованию различных форматов растровой графики

Использование GIF

Использование PNG

Использование JPEG

Использование TIFF

Использование BMP

Растровая графика (Raster drawing)

Векторные

В заключение