Форматов для изображений существует очень много, но все они делятся на два больших класса – растровые и векторные . Первые в основном используются для различной сложной и детальной графики, например, фотографии. В них каждый пиксел – мельчайший элемент, может иметь собственный цвет, и в файле, в общем, просто сохраняются цвета для каждой точки изображения. Конечно, используются разные методы, чтобы сжать размер информации, и от этого происходит много растровых форматов – bmp, png, jpg и прочие. Обычно наилучшую эффективность показывает jpg, так как получается небольшой файл при достаточно хорошей детализации. Но у него есть недостаток – потеря информации при сжатии информации. Поэтому, если уменьшать размер файла, происходит ухудшение изображения .
Работа с файлами SVG.
Да и при увеличении таких фотографий становятся видны пикселы. Векторные форматы работают совсем по другому принципу. Они используют линии, отрезки, фигуры, которые описываются математическими формулами. Любое пространство, которое ими ограничивается, можно залить цветом или градиентом. В результате получается изображение, не привязанное к конкретным размерам – его можно легко сжать или растянуть до огромных размеров без потери качества. Одним из таких векторных форматов и является SVG. И он становится всё популярнее, особенно в среде веб-разработки.
Общее описание расширения
Тип файла SVG – сокращение от Scalable Vector Graphics, то есть масштабируемая векторная графика . Для описания изображения используются языки разметки VML и PGML. По сути, это текстовый документ, в котором для каждой фигуры описаны координаты вершин и линий, проходящих через них, а также цвета разных элементов. Первая версия этого формата вышла в 2001 году, и сейчас активно разрабатывается вторая версия. То есть он является перспективным и развивается. Одно из достоинств – малый размер файла, в котором могут быть сохранены довольно сложные рисунки. Поэтому сейчас всё больше иконок, пиктограмм, логотипов и других элементов сайтов используется именно в этом формате, а не в растровых. Это ускоряет загрузку сайта. К уникальным возможностям формата SVG относятся интерактивность и анимация. Первая позволяет картинке реагировать на действия пользователя, например, на клик мышкой или перемещение каких-то элементов. Анимация позволяет создавать довольно сложные сценарии. Всё вместе позволяет создавать очень красивые и живые графические элементы для сайтов. Их даже можно встраивать в обычные растровые изображения в форматах png, jpg и прочих.
Чем открыть файл SVG
В Интернете можно найти множество таких картинок на фотостоках, в том числе бесплатных. Создаются они в графических редакторах Adobe Photoshop, Illustrator, Corel Draw, и некоторых других. Но возникает вопрос – чем открыть формат SVG. Ведь встроенные средства Windows не показывают, какие картинки в них содержатся. Хотя редактировать SVG можно даже в текстовом редакторе, например, в Блокноте, ведь это текстовый документ, но для этого нужно иметь немалые знания в языках разметки. Открыть файл SVG можно либо в программе, в которой он создавался, либо в каком-нибудь другом графическом редакторе, поддерживающем этот формат. Самые популярные:
Конечно, этими названиями список программ для работы с векторной графикой не исчерпывается. Их очень много, в том числе и самый популярный редактор Adobe Photoshop может сохранять изображения как векторы и имеет плагин для их открытия. Не стоит забывать и про популярнейший редактор векторной графики Corel Draw, который можно назвать самым популярным.
Что ещё может вызывать проблемы с файлом
Обычными средствами Windows, да и многих других операционных систем, файлы SVG не открываются. Чтобы видеть их содержимое и тем более редактировать их, нужно установить любой графический редактор с поддержкой этого формата.
Файл SVG представляют из себя двухмерные векторные изображения на основе документов в формате XML. Применяют формат SVG не только при описании двухмерной векторной графики, но и при смешанных векторно- растровых изображений.
SVG файлы считаются текстовыми, потому их просмотр становится возможным в любом текстовом редакторе. Данный формат файла был разработан для применения в сети, расширение SVG является открытым. Формат файла SVG был официально рекомендован организацией W3C. Такое расширение файла, может поддерживать статичные и анимированные виды графики. В процессе масштабирования либо изменения показателей размеров, изображение, которое содержит расширение файла SVG, будет сохранено без потери качества.
Scalable Vector включает в себя определенный набор функционала, среди которого альфа-маски, опции применения шаблонов, наложение эффектов фильтров и так далее. Открыть файл, имеющий расширение.svg, можно при помощи практически любого современного браузера. Операционная система Windows предполагает возможность открыть файл SVG с помощью просмотрщика Microsoft Visio или посредством таких программных комплексов, как CorelDRAW Graphics Suite и Adobe Illustrator, а также CADSoftTools ABViewer и Corel PaintShop Pro.
Следует знать, что составляющие файла расширением.svg, могут занимать достаточно большое количество места, поэтому был создан формат.SVGZ, в нем применяется технология сжатия gzip. Vector Graphics даёт пользователям возможность сжимать, а также индексировать изображения, кроме того, файл расширением SVG включает в себя способность выполнять поиск требуемого изображения.
Что это за файл - SVG?
Файлы с расширением.SVG содержат информацию о двухмерной векторной графике, закодированной в открытом текстовом формате на основе языка символов XML. Формат был разработан Консорциумом WWW, также называемым W3C, и используется для просмотра векторной графики онлайн. Во время разработки формата SVG компании Adobe было что сказать: их программы Adobe Creative Suite позволяют создавать и экспортировать графику в SVG.
Программы, поддерживающие этот формат: Adobe Illustrator и GoLive, в то время как Photoshop, Photoshop Elements и InDesign изначально не поддерживают графику, содержащуюся в файлах SVG, - для них требуются плагины, разработанные Scand, чтобы иметь возможность импортировать файлы в свои проекты.
Программа(ы), умеющие открыть файл .SVG
Windows
Mac OS
Linux
Подробнее о файле SVG
SVG (Scalable Vector Graphics) - это графический файл на основе XML, который поддерживает двухмерные векторные изображения. SVG - это открытый стандарт, поддерживаемый консорциумом World Wide Web (W3C). Файлы SVG можно использовать для хранения векторных изображений в текстовом формате.
Преимущества использования стандарта XML
Интернет-приложения формата SVG
Формат SVG был разработан в первую очередь как формат векторной графики для интернет-приложений. Он был разработан для поддержки других веб-стандартов, таких как CSS, DOM и SMIL. Графический контент, распространяемый через Интернет, использует формат SVG, поскольку он позволяет редактировать, что очень полезно, если файлы используются в других проектах. Большинство веб-браузеров поддерживает рендеринг в формате SVG.
Как открыть SVG файлы
Если появилась ситуация, в которой Вы не можете открыть файл SVG на своем компьютере - причин может быть несколько. Первой и одновременно самой важной (встречается чаще всего) является отсутствие соответствующей аппликации обслуживающей SVG среди установленных на Вашем компьютере.
Самым простым способом решения этой проблемы является нахождение и скачивание соответствующей аппликации. Первая часть задания, уже выполнена, - программы для обслуживания файла SVG Вы найдете ниже. Теперь достаточно скачать и установить соответствующую аппликацию.
В дальнейшей части этой страницы Вы найдете другие возможные причины, вызывающие проблемы с файлами SVG.
Возможные проблемы с файлами в формате SVG
Отсутствие возможности открытия и работы с файлом SVG, совсем не должен значить, что мы не имеем установленного на своем компьютере соответствующего программного обеспечения. Могут выступать другие проблемы, которые также блокируют нам возможность работы с файлом XML Based Vector Graphics Format. Ниже находится список возможных проблем.
- Повреждение открываемого файла SVG.
- Ошибочные связи файла SVG в записях реестра.
- Случайное удаление описания расширения SVG из реестра Windows
- Некомплектная установка аппликации, обслуживающей формат SVG
- Открываемый файл SVG инфицирован нежелательным, вредным программным обеспечением.
- На компьютере слишком мало места, чтобы открыть файл SVG.
- Драйверы оборудования, используемого компьютером для открытия файла SVG неактуальные.
Если Вы уверены, что все перечисленные поводы отсутствуют в Вашем случае (или были уже исключены), файл SVG должен сотрудничать с Вашими программами без каких либо проблем. Если проблема с файлом SVG все-таки не решена, это может значить, что в этом случае появилась другая, редкая проблема с файлом SVG. В таком случае остается только помощь специалиста.
| .ac5 | ArtCut 5 Document Format |
| .ac6 | Artcut Software Graphics Design Format |
| .af2 | Micrografx FlowCharter 2.0 Flowchart Format |
| .af3 | Micrografx FlowCharter Flowchart Format |
Есть ли универсальный метод открытия неизвестных файлов?Многие файлы содержат данные в виде текста или чисел. Возможно, что во время открытия неизвестных файлов (напр. SVG) популярный в системе Windows простой редактор текста, которым является Notatnik позволит нам увидеть часть данных, закодированных в файле. Этот метод позволяет просмотреть содержимое многих файлов, однако не в такой форме, как программа, предназначенная для их обслуживания. |
SVG – это популярный язык разметки векторной графики, которая относится к виду «масштабируемая». Данный язык является одним из «ответвлений» для популярного языка разметки XML .
Тем, кому приходилось работать с векторными изображениями, знаком формат SVG. Именно в файлы с этим расширением осуществляется сохранение векторного изображения. С таким форматом можно сохранить изображение из любой программы, которая работает с графикой (независимо от того является ли она анимированной или неподвижной).
Почему выбирают SVG?
Изображения с расширением SVG очень востребованы у пользователей графического софта, поскольку их увеличение осуществляется без потери качества. Вы не столкнетесь с распадением изображения на отдельные пиксели прb выполнении его масштабирования (исключение составляют только растровые элементы, которые могут
внедряться в этот графический файл для улучшения некоторых эффектов и восприятия изображения).
Что нужно знать о масштабируемой векторной графике?
С помощью SVG можно описать двухмерную векторную графика. Заметим, что при этом допускается ее анимация или неподвижность. SVG доступно для использования без выплаты лицензионных соглашений.
Узнать, с помощью каких программ можно открывать и редактировать файлы этого открытого стандарта, вы сможете на нашем сайте.
Этот пост - первый из серии статей о SVG (Scalable Vector Graphic), рассказывающий об основах векторной графики на сайте.
Векторная графика широко применяется в полиграфии. Для веб-сайтов существует SVG, которая согласно официальной спецификации на w3.org является языком для описания двумерной графики в XML. SVG включает в себя три типа объектов: фигуры, изображения и текст. SVG существует с 1999 года , а с 16 августа 2011 включена в рекомендации W3C . SVG сильно недооценена веб-разработчиками, хотя имеет несколько важных преимуществ.
Преимущества SVG
- Масштабирование: в отличие от растровой графики, SVG не теряет в качестве при масштабировании, поэтому ее удобно использовать для разработки под retina.
- Уменьшение HTTP-запросов: при использовании SVG сокращается количество обращений к серверу, соответственно увеличивается скорость загрузки сайта.
- Стайлинг и скриптинг: при помощи CSS можно менять параметры графики на сайте, например фон, прозрачность или границы.
- Анимация и редактирование: при помощи javascript можно анимировать SVG, а также редактировать в текстовом или графическом редакторе (InkScape или Adobe Illustrator).
- Малый размер: объекты SVG весят намного меньше растровых изображений.
Основные SVG-фигуры
Согласно официальной спецификации можно рисовать простые объекты с помощью SVG: прямоугольник, окружность, линию, эллипс, ломаную линию или многоугольник при помощи тега svg .Простая линия с помощью тега line с всего двумя параметрами - точками начала (x1 и x2) и конца (y1 и y2):
Также можно добавить атрибуты или стили stroke and stroke-width, чтобы задать цвет и ширину:
Style="stroke-width:1; stroke:rgb(0,0,0);"
Ломаная линия
Синтаксис аналогичен предыдущему, используется тег polyline , атрибут points задает точки:
Прямоугольник
Вызывается тегом rect, можно добавить некоторые атрибуты:
Окружность
Вызывается тегом circle , в примере с помощью атрибута r задаем радиус, cx и cy задают координаты центра:
Эллипс
Вызывается тегом ellipse , работает аналогично circle , но можно задать два радиуса - rx и ry :
Многоугольник
Вызывается тегом polygon , многоугольник может иметь разное количество сторон:
Использование редакторов
Как видно из примеров, рисование базовых SVG-фигур - это очень просто, но объекты могут быть намного сложнее. Для таких нужно использовать редакторы векторной графики, например Adobe Illustrator или Inkscape, где можно сохранять файлы в SVG-формате, а потом редактировать в текстовом редакторе. Вставлять на страницу SVG можно с помощью embed, iframe и object:
Пример - изображение айпода с сайта OpenClipArt.org .