какие форматы файлов используются для хранения векторных рисунков

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

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

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

Portable Document Format (PDF)

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

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

Scalable Vector Graphics (SVG)

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

Adobe Illustrator (AI)

Созданный специально для программы Adobe Illustrator данный формат обладает ограниченной совместимостью и с другими редакторами. Характеризуется стабильностью и высоким качеством изображения даже при значительном его масштабировании. AI – формат закрытого типа. Жестко привязан к версии Illustrator’а.

Encapsulated PostScript (EPS)

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

CorelDraw (CDR)

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

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

В каких векторных форматах можно создать логотип в Turbologo

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

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

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

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Источник

Интересные статьи

Базовые форматы векторной графики

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

Это один из наиболее известных и популярных форматов векторной графики. Сразу после его создания использовался программой Adobe Illustrator. Данный формат отличается высоким качеством выдаваемого изображения. Но основной минус – формат не очень сочетается с другими программами. Это означает, что в иных форматах различные эффекты просто не передаются. Совместимость рассматриваемого формата идет со следующими программами: Adobe Illustrator, CorelDRAW, Adobe Photoshop.

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

CDR, CDT, CDX, CGM

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

Рассматриваемый векторный редактор использует и другие форматы:

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

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

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

Еще один плюс – большое количество программ, с которыми формат совместим: Adobe Illustrator, CorelDRAW, Adobe Photoshop, а также Microsoft office.

Но его также используют в качестве первичного полотна.

FLA, FH

Это родственные, но в то же время разные форматы. FLA – это формат стартовых файлов в Adobe Flash. При этом FH собственно векторный вариант. Этот вариант – внутренний формат векторного редактора FreeHand.

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

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

Данный тип формата – результат сотрудничества Aldus и Microsoft. Расшифровка гласит, что это теговый изобразительный файл. Главное отличие рассматриваемого формата – он сложный и тяжелый. Если говорить о преимуществах – гибкость в записи данных и широкие возможности для расширения.

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

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

SWG, SVGZ

Еще два подобных формата, которые созданы на XML разметочном языке. Применяется для двумерного типа векторной графики. есть минус – в сложных рисунках не дает достаточно уровня качества при считывании, но работает с большинством известных веб-браузеров. Главное отличие данных двух форматов только в том, что SVGZ имеет другое сжатие информации.

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

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

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

Источник

Что такое векторная графика, форматы векторной графики.

Все изображения, нарисованные на компьютере можно разделить на 2 вида :

Основное отличие вектора от растра заключается в принципе хранения изображения.

Векторная графика сохраняется с помощью математических формул. Это дает вектору несколько неоспоримых преимуществ:

Рисовать векторную графику можно в разных редакторах:

Одним из основных редакторов векторной графики является Adobe Illustrator— освоить его не сложно, есть много хороших книг и уроков.

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

Форматы векторной графики

Отдельным пунктом выделяю формат EPS — он хорошо известен тем, кто продает свою векторную графику на микростоках.

EPS (En-capsulated PostScript) может хранить как растровую, так и векторную графику. EPS — это один из самых универсальных форматов векторной графики, он поддерживается большинством популярных редакторов векторной графики. И именно по-этому именно формат EPS 10 и EPS 8 принимаю на микростоках как основной формат векторной графики.

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

При выборе TIFF-формата, preview будет хранится как растровое изображение и тут необходимо найти оптимальный баланс между его разрешение (т.е. качеством) и размером файла. Если EPS-файл содержит preview в формате TIFF, то FreeHand и CorelDraw уже не смогут его отредактировать, редактировать можно будет только с помощью Adobe Illustrator.

Preview в WMF-формате — это векторное изображение, оно практически не отличается от основного. EPS-файл, содержащий preview в формате WMF может быть отредактирован в CorelDraw. Но такие файлы будут обладать меньшей совместимостью.

В любом случае отредактировать EPS-файл можно следующим способом: импортируйте изображение любой из вышеперечисленных программ и пошлите его на печать в PostScript-файл. Этот файл позже можно открыть в CorelDraw. Если файл преобразовать с помощью Acrobat Distiller в формат PDF, то он может быть открыт в Free-Hand.

Векторный формат графических программ компании Corel. Его главное предназначение — передача рисунков между разными программами (поддерживается с CorelDraw 6).

EMF и WMF

Довольно простые форматы векторной графики, позволяющие хранить основную информацию.

Может содержать как векторную, так и растровую информацию в одном файле. EMF лучше чем WMF поддерживает кривые, используемые в рисунках Flash, прекрасно воспринимает «составленные» из нескольких программ векторные изображения (кпримеру ChemWin и MS PowerPoint ).

Более старый, чем EMF формат. Он широко применяется в офисном пакете MS Office.

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.

Источник

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

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

Растровые форматы

Для начала рассмотрим форматы, которые относятся к растровой графике: GIF, JPEG, PNG и WebP. Подробнее о растровой графике можно прочитать в статье «Растровая и векторная графика».

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

GIF (Graphics Interchange Format)

Формат был разработан компанией CompuServe в далёком 1987 для передачи растровых изображений по интернету. GIF имеет цветовую палитру, состоящую из 256 цветов. Алгоритм GIF выбирает 256 наиболее используемых в исходном изображении цветов, а все остальные оттенки создаются путём подмешивания — подбора соседних пикселей таким образом, чтобы человеческий глаз воспринимал их как нужный цвет. По этой причине GIF не подходит для хранения полноцветных изображений и фотографий.

Формат поддерживает прозрачность — каждый пиксель изображения может быть в двух состояниях: прозрачный или непрозрачный, полупрозрачность не поддерживается.

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

Пример изображения в формате GIF (источник изображения: giphy.com)

Таким образом, формат GIF подходит если:

JPEG (Joint Photographic Experts Group)

Формат JPEG получил своё название от объединённого комитета экспертов по фотографии, который и создал этот стандарт в конце 80-х — начале 90-х годов. Он был разработан для сжатия и хранения полноцветных фотографий. Поддерживает более 16 миллионов цветов.

Формат JPEG сжимает изображения с потерей качества. Алгоритм сжатия основан на разбиении исходного изображения на квадраты 8×8 пикселей, и последующей их группировке. Можно получать JPEG изображения очень маленького веса, но только за счёт ухудшения качества картинки, можно получить и очень качественные JPEG, но тогда картинка будет слишком тяжёлой. Поэтому главная задача при работе с JPEG — подобрать такой уровень качества, чтобы вес был небольшой и качество картинки было приемлемым (обычно, это диапазон от 60 до 70, но нужно тестировать на каждой картинке).

Пример изображения в формате JPEG с неоптимальной степенью сжатия. Качество: 10. Вес: 20 килобайт.

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

Пример изображения в формате JPEG с оптимальной степенью сжатия. Качество: 60. Вес: 65 килобайт.

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

Пример изображения в формате JPEG с минимальной степенью сжатия. Качество: 95. Вес: 169 килобайт.

Для третьей картинки мы задали уровень качества 95, из-за чего её вес стал 169 килобайт. Вторая и третья картинка внешне почти неразличимы, однако вторая картинка весит на 104 килобайта легче.

Таким образом, формат JPEG лучше подходит для:

PNG (Portable Network Graphics)

PNG является относительно недавним форматом, который был введён как альтернатива для GIF-файлов.

PNG является форматом сжатия без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Например, чертежи и печатный текст.

Формат имеет две вариации: PNG8 и PNG24. PNG8 может хранить лишь 256 цветов, а PNG24 использует уже более 16 миллионов цветов.

Главная особенность формата PNG — поддержка альфа-прозрачности, то есть каждому пикселю в отдельности можно задать свою степень прозрачности.

Пример изображения в формате PNG (источник изображения: Wikimedia Commons)

Итак, формат PNG подходит для:

WebP — новый формат, созданный и развиваемый с 2010 года компанией Google.

Главная цель этого проекта — ещё больше уменьшить вес при сохранении такого же качества.

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

Иногда WebP сжимает изображение даже лучше, чем заявляет Google.

JPEG: 44 килобайт WebP: 26 килобайт. Если изображение не видно, значит ваш браузер не поддерживает формат WebP.

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

Векторные форматы

GIF, JPEG, PNG, и WebP — растровые форматы, основанные на дискретном (пиксельном, точечном) представлении изображения, в то время как векторные форматы основаны на математических формулах (геометрическом представлении фигур). Подробнее о векторной графике можно прочитать в статье «Растровая и векторная графика».

SVG (Scalable Vector Graphics)

SVG переводится как — масштабируемая векторная графика. Формат существует с 1999 года.

Размер объектов SVG намного меньше размера растровых изображений, а сами изображения не теряют в качестве при масштабировании. В отличие от растровых форматов мы можем взаимодействовать с изображениями в формате SVG — при помощи CSS можно изменять параметры графики: цвет, прозрачность или границы, а при помощи JavaScript — анимировать изображение.

SVG поддерживается почти всеми браузерами за исключением Internet Explorer 8 и ниже, но и это можно решить подключением JavaScript-библиотек, например, SVGeezy.

Формат SVG отлично подходит для малоцветных схем, логотипов и иконок.

Примеры SVG (источники изображений: Roundicons Freebies www.flaticon.com/authors/roundicons-freebies и HTML Academy)

Источник

Гид по форматам графических файлов для недизайнеров: когда и для чего использовать каждый тип

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

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

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

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

Растровые форматы файлов

Растровые изображения состоят из набора точек (пикселей), каждая из которых имеет свой цвет. Растровая графика зависит от разрешения: мы не можем значительно увеличить размер такого изображения без потери качества. Если скачать картинку с размером 10х10 см и разрешением 72 dpi, а потом увеличить ее до размера 100х100 см, изображение станет плохо выглядеть.

Запомните: если вы существенно увеличите растровое изображение, это приведет к нечеткой, «пиксельной» картинке.

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

CMYK и RGB

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

Вывод: для печати используйте CMYK, для интернета – RGB. Перепутав модели цветов, на выходе – в типографии или на экране монитора – не удивляйтесь абсолютно другой цветовой гамме. Будьте внимательны!

300 dpi и 72 dpi

Кроме цветовой модели, каждый растровый файл имеет свое разрешение. Обычному пользователю не обязательно разбираться глубоко во всем этом, достаточно запомнить два числа: 72 и 300. Разрешение 72 dpi– это золотой стандарт для веб-дизайна. 300 dpi – идеальное разрешение для растрового файла, если вы собираетесь его печатать.

JPEG/JPG

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

Используйте JPEG, когда:

Не используйте JPEG, когда:

GIF (Graphics Interchange Format) – это тоже растровый формат. Он широко используется для веб-изображений, анимированной графики (рекламные баннеры,email-изображения, мемы в социальных сетях).

Используйте GIF, когда:

Не используйте GIF, когда:

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

Используйте PNG, когда:

Не используйте PNG, когда:

TIFF (Tagged Image File Format) – это высококачественный растровый формат. В основном используется при сканировании и печати фото.

Используйте TIFF, когда:

Не используйте TIFF, когда:

PSD –запатентованный формат изображений, который расшифровывается как Photoshop Document. Это оригинальный формат файлов, созданных в программе Adobe, который поддерживает многослойность документа.

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

Используйте PSD, когда:

Не используйте PSD, когда:

RAW – «сырой» формат изображения.Он содержит необработанные данные, полученные цифровой камерой. Обычно они обрабатываются, а затем сжимаются и сохраняются в JPEG или TIFF.

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

Используйте RAW, когда:

Не используйте RAW, когда:

WebP– это современный растровый формат изображений для веба, предложенный Google в 2010 году. WebP обеспечивает то же качество изображений при меньшем размере, если сравнивать с PNG и JPG. Разница составляет 25–30%.

Не используйте WebP, когда:

BMP – это старейший растровый формат от Microsoft, сейчас применяется редко.Такие файлы много весят и не имеют реальных преимуществ перед TIFF и др.

Используйте BMP, когда:

Не используйте BMP, когда:

Векторные форматы файлов

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

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

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

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

Используйте PDF, когда:

Не используйте PDF, когда:

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

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

Используйте EPS, когда:

Не используйте EPS, когда:

AI – это векторный формат изображений, который расшифровывается как Adobe Illustrator. Формат основан на стандартах EPS и PDF, разработанных Adobe. Как и эти форматы, AI-файлы в основном являются векторными, хотя могут также включать встроенные или связанные растровые изображения.

AI-файлы можно экспортировать как в формат PDF, так и в EPS (для удобства просмотра и печати), а также в JPEG, PNG, GIF, TIFF и PSD (для использования в интернете и дальнейшего редактирования).

Используйте AI, когда:

Не используйте AI, когда:

Файл CDR – это формат проектов CorelDRAW. Может содержать как векторную, так и растровую графику. Файлы CDR используются для создания различных типов документов: писем, буклетов, таблоидов, открыток, веб-страниц и баннеров. Не все графические программы поддерживают этот формат. Однако вы можете легко экспортировать/конвертировать CDR в PDF, JPG, PNG, BMP или AI.

Используйте CDR, когда:

Не используйте CDR, когда:

Используйте SVG, когда:

Не используйте SVG, когда:

P. S. Шпаргалка

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

Бонус: шпаргалка по вышеперечисленным растровым и векторным форматам.

Источник