SVG Viewer Extension — расширение для просмотра эскизов файлов SVG в Проводнике

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

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

В Проводнике должны начать отображаться настоящие эскизы.

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

Проще всего это сделать, запустив системную утилиту очистки диска и убедившись, что в пункте «Эскизы» установлена галочка.

Загрузить утилиту можно с сайта разработчика:

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

Windows explorer svg extension

SVG Viewer Extension for Windows Explorer

Extension module for Windows Explorer to render SVG thumbnails, so that you can have an overview of your SVG files.

From Releases download and run appropriate binary for your system. There are no further actions required after installations.

Make sure you download the right architecture (the 32 bit installer will run on a 64 bit system, but the extension will not function).

Thumbnails do no show after installation

This may happen if the thumbnail’s are disabled in the system. To verify that it is indeed turned on:

• Open the start menu
• Search for File Explorer Options and open it
• Under the View tab make sure that the Always show icons, never thumbnails is unchecked

This may happen if the system already contains cached thumbnails for the SVGs you are trying to view. This can be fixed by clearing the system’s thumbnail cache.

• Open the start menu
• Search for «Disk cleanup» and open it
• In the dialog there is a list of items that can be cleaned. Select Thumbnails at the end of the list. You may unselect the rest or leave the default selection.
• Click OK

Kill explorer.exe and delete the icon cache manually (ref):

If neither of the above helped please open an issue on our github page.

An error is thrown during the installation.

Please open an issue on our github page, and include a screen shot and the exact error message.

Development install exe’s are created from every commit through the continual-integration system.

Being dev releases, they might not work. Current status:

Developer Build Environment c.2019

Warning: it’s about 10 GB.

• QtCreator
• Qt SDK — MSVC 2017 64-bit using Qt Maintenance Tool installed with QtCreator. Might be problems if install MSVC 32 bit at same time. (Qt Creator & SDK: 7.2 GB)
• MS Visual Studio — build tools only else many more GB. Reboots necessary, read the notes (2.5 GB)
• Windows SDK
• Inno Setup v6

Quick start after developer env is set:

Tibold Kandrai started the project in 2012, first on Google Code, Codeplex. Life happened and Tibold didn’t have time to work on it any more, though the extension continued to work more than it didn’t so people kept using it.

In 2017 Codeplex shut down and turned into a read-only warehouse. Matt Wilkie imported the project to GitHub and continued to maintain the project as best as a python-not-c++ guy could. The extension continued to work more than not, though the problems started to add up as Windows continued to evolve and change underfoot.

In late 2019 a lucky confluence of stubborn brute force learning on Matt’s part and newly active and knowledgeable contributors (Daniel, Simon, Voodoo) revived the feared soon-to-be-comatose project. Bugs were fixed and automatic binary builds came into being. Life rebounded. Right on the heels of this, Tibold regained attention time for side-projects and again assumed the project owner mantle.

On 1st of January, 2020 version v1.0.0 was released including all bug fixes and up to date dependencies. Let’s see where the rest of the year takes us. 🙂

Thank you’s for helping make this a better project (emoji key):

• Qt — dev platform and libraries
• Jeremy@urk — initial example
• Tibold Kandrai — Project creator and primary developer

Daniel Beardsmore 💻	Simon Sobisch 📖💻	💻
Tibold Kandrai ⚠️🤔💻🚧📖	Matt Wilkie 🚧

This project follows the all-contributors specification. Contributions of all kinds welcome (code, docs, user support, . ).

About

Extension module for Windows Explorer to render SVG thumbnails, so that you can have an overview of your SVG files

Открываем файлы векторной графики SVG

SVG (Scalable Vector Graphics) является файлом масштабированной векторной графики с очень широкими возможностями, написанным на языке разметки XML. Давайте выясним, с помощью каких программных решений можно просмотреть содержимое объектов с данным расширением.

Программы для просмотра SVG

Учитывая, что Scalable Vector Graphics — это графический формат, закономерно, что просмотр этих объектов поддерживают, в первую очередь, просмотрщики изображений и графические редакторы. Но, как ни странно, до сих пор редкие просмотрщики изображений справляются с задачей открытия SVG, опираясь только на свой встроенный функционал. Кроме того, объекты изучаемого формата можно посмотреть при помощи некоторых браузеров и ряда других программ.

Способ 1: Gimp

Прежде всего, рассмотрим, как просмотреть рисунки изучаемого формата в бесплатном графическом редакторе Gimp.

1. Активируйте Gimp. Щелкайте «Файл» и выбирайте «Открыть…». Либо же используйте Ctrl+O.

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

Активируется окошко «Создать Scalable Vector Graphics». В нем предлагается изменить настройки размеров, масштабирования, разрешения и некоторые другие. Но можно оставить их и без изменения по умолчанию, просто нажав «OK».

Способ 2: Adobe Illustrator

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

Запустите Adobe Illustrator. Последовательно щелкайте по пунктам списка «Файл» и «Открыть». Для любителей работать с «горячими» клавишами предусмотрено сочетание Ctrl+O.

Вслед за тем, как запустится инструмент выбора объекта, перейдите с его помощью в область расположения элемента векторной графики и выделите его. Затем нажимайте «OK».

Картинка отобразится и будет доступна для изменений.

Способ 3: XnView

Рассмотрение просмотрщиков изображений, работающих с изучаемым форматом, мы начнем с программы XnView.

Активируйте XnView. Щелкните «Файл» и «Открыть». Применимо и Ctrl+O.

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

После данной манипуляции изображение отобразится в новой вкладке программы. Но вам сразу же будет виден один явный недостаток. Поверх изображения будет красоваться надпись о необходимости приобрести платную версию плагина CAD Image DLL. Дело в том, что пробная версия данного плагина уже встроена в XnView. Именно благодаря ей программа может отображать содержимое SVG. Но избавиться от посторонних надписей можно только после замены триальной версии плагина на платную.

Существует и другая возможность просмотреть SVG в XnView. Она осуществляется с помощью встроенного обозревателя.

После запуска XnView, находясь во вкладке «Обозреватель», щелкайте по наименованию «Компьютер» в левой части окна.

Отображается список дисков. Выберите тот, где находится SVG.

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

Для включения режима полноценного просмотра в отдельной вкладке кликните по названию картинки левой кнопкой мышки два раза.

Способ 4: IrfanView

Следующим просмотрщиком изображений, на примере которого мы рассмотрим просмотр изучаемого вида рисунков, является IrfanView. Для показа SVG в названной программе тоже требуется плагин CAD Image DLL, но в отличие от XnView, он изначально не установлен в указанном приложении.

Прежде всего, вам нужно будет скачать плагин, ссылка на который была дана при рассмотрении предыдущего просмотрщика изображений. Причем, следует заметить, что, если вы установите бесплатную версию, то при открытии файла поверх изображения будет проступать надпись с предложением приобрести полноценный вариант. Если же вы сразу приобретете платную версию, то никаких посторонних надписей не будет. После того, как архив с плагином будет скачан, с помощью любого файлового менеджера переместите из него файл CADImage.dll в папку «Plugins», которая расположена в директории размещения исполняемого файла IrfanView.

Теперь можете запускать IrfanView. Щелкните по наименованию «Файл» и выберите «Открыть». Также для вызова окна открытия вы можете воспользоваться кнопкой O на клавиатуре.

Другой вариант вызова указанного окна предусматривает щелчок по пиктограмме в форме папки.

Активируется окошко выбора. Перейдите в нем в каталог размещения изображения Scalable Vector Graphics. Выделив его, нажимайте «Открыть».

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

Картинку в этой программе можете просмотреть методом перетягивания файла из «Проводника» в оболочку IrfanView.

Способ 5: OpenOffice Draw

Просматривать SVG умеет также приложение Draw из офисного пакета OpenOffice.

Активируйте стартовую оболочку OpenOffice. Щелкайте по кнопке «Открыть…».

Также вы можете применять Ctrl+O или произвести последовательное нажатие по элементам меню «Файл» и «Открыть…».

Активируется оболочка открытия объекта. С её помощью перейдите туда, где находится SVG. Выделив его, нажимайте «Открыть».

Изображение отобразится в оболочке приложения OpenOffice Draw. Вы можете производить редактирование этого рисунка, но после его завершения результат придется сохранить с другим расширением, так как сохранение в SVG OpenOffice не поддерживает.

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

Можно произвести запуск и через оболочку Draw.

После запуска Draw жмите «Файл» и далее «Открыть…». Можно применить и Ctrl+O.

Применимо нажатие на пиктограмму, которая имеет форму папки.

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

Изображение отобразится в оболочке Draw.

Способ 6: LibreOffice Draw

Поддерживает отображение Scalable Vector Graphics и конкурент OpenOffice – офисный пакет LibreOffice, который в своем составе также имеет приложение для редактирования изображений под названием Draw.

Активируйте стартовую оболочку LibreOffice. Щелкните «Открыть файл» или набирайте Ctrl+O.

Вы можете активировать окошко выбора объекта через меню, щелкнув «Файл» и «Открыть».

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

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

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

Также в LibreOffice, как и у предыдущего описанного нами пакета программ, можно просмотреть SVG и через оболочку Draw.

После активации Draw последовательно жмите по пунктам «Файл» и «Открыть…».

Вы можете воспользоваться нажатием на пиктограмму, представленную папкой, или использовать Ctrl+O.

Это вызывает оболочку открытия объекта. Выберите SVG, выделите его и жмите «Открыть».

Картинка будет отображена в Draw.

Способ 7: Opera

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

Запустите Оперу. В этом веб-обозревателе нет визуализированных инструментов в графическом виде для активирования окна открытия. Поэтому для его активации следует использовать Ctrl+O.

Появится окно открытия. Тут необходимо перейти в директорию расположения SVG. Выделив объект, нажимайте «OK».

Картинка отобразится в оболочке браузера Opera.

Способ 8: Google Chrome

Следующим браузером, умеющим отображать SVG, является Google Chrome.

Данный веб-обозреватель, как и Opera, основан на движке Blink, поэтому имеет схожий способ запуска окна открытия. Активируйте Google Chrome и наберите Ctrl+O.

Активируется окошко выбора. Тут нужно отыскать целевое изображение, произвести его выделение и нажать на кнопку «Открыть».

Содержимое отобразится в оболочке Гугл Хром.

Способ 9: Vivaldi

Следующим веб-обозревателем, на примере которого будет рассмотрена возможность просмотра SVG, является Vivaldi.

Запустите Вивальди. В отличие от ранее описанных браузеров, в этом веб-обозревателе заложена возможность запуска страницы открытия файла через графические элементы управления. Для этого нажимайте на логотип браузера в левом верхнем уголке его оболочки. Кликайте по «Файл». Далее отмечайте «Открыть файл…». Впрочем, тут работает и вариант открытия горячими клавишами, для чего необходимо набрать Ctrl+O.

Появляется привычная оболочка выбора объекта. Переместитесь в ней в место нахождения Scalable Vector Graphics. Отметив названный объект, кликайте «Открыть».

Изображение отображено в оболочке Вивальди.

Способ 10: Mozilla Firefox

Определим, как отобразить SVG в ещё одном популярном браузере – Mozilla Firefox.

Запустите Файрфокс. Если вы желаете производить открытие локально размещенных объектов при помощи меню, то, прежде всего, следует включить его отображение, так как по умолчанию меню отключено. Щелкайте правой кнопкой мышки (ПКМ) по самой верхней панели оболочки браузера. В появившемся перечне выбирайте «Панель меню».

После отображения меню последовательно щелкайте «Файл» и «Открыть файл…». Впрочем, вы можете использовать и универсальное нажатие Ctrl+O.

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

Содержимое отобразится в браузере Мозилла.

Способ 11: Maxthon

Довольно необычным способом можно просмотреть SVG в браузере Maxthon. Дело в том, что в этом веб-обозревателе активация окна открытия в принципе невозможна: ни через графические элементы управления, ни посредством нажатия горячих клавиш. Единственным вариантом просмотреть SVG является внесение адреса данного объекта в адресную строку браузера.

Для того, чтобы узнать адрес искомого файла, перейдите в «Проводнике» в директорию, где он расположен. Зажмите клавишу Shift и щелкайте ПКМ по наименованию объекта. Из списка выберите «Копировать как путь».

Запустите браузер Maxthon, установите курсор в его адресную строку. Щелкайте ПКМ. Из списка выбирайте «Вставить».

После того, как путь вставлен, удалите кавычки в начале и в конце его названия. Для этого устанавливайте курсор непосредственно после кавычек и нажимайте кнопку Backspace на клавиатуре.

Затем выделите весь путь в адресной строке и нажимайте Enter. Изображение будет отображено в Maxthon.

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

Способ 12: Internet Explorer

Рассмотрим варианты просмотра SVG еще и на примере стандартного браузера для операционных систем линейки Виндовс по Windows 8.1 включительно — Internet Explorer.

Запустите Интернет Эксплорер. Щелкайте «Файл» и выбирайте «Открыть». Также можете воспользоваться Ctrl+O.

Запускается небольшое окошко – «Открытие». Для перехода к непосредственному инструменту выбора объекта нажимайте «Обзор…».

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

Выполняется возвращение в предыдущее окошко, где в адресном поле уже размещен путь к выбранному объекту. Нажимайте «OK».

Изображение отобразится в браузере IE.

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