Векторная графика SVG
в электронной книге

Что такое SVG

SVG (Scalable Vector Graphics) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML. Этот язык предназначен для описания двумерной векторной и смешанной векторно-растровой графики в формате XML.

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

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

​

• Линии и кривые: от простых линий до более сложных кривых Безье.

• Геометрические фигуры: круги, прямоугольники, многоугольники и эллипсы.

• Текст: SVG позволяет вставлять текст, оформленный разными шрифтами и стилями.

• Заливка и обводка: цвета заливки и обводки могут быть определены для каждого элемента.

• Прозрачность: можно управлять прозрачностью графических элементов.

• Градиенты: SVG поддерживает линейные и радиальные градиенты для создания более сложных цветовых эффектов.

Вот некоторые устройства и программы для чтения электронных книг, которые поддерживают формат SVG.

Все последние модели ведущих производителей читалок с электронными чернилами поддерживают SVG: Amazon Kindle, Kobo, PocketBook, Sony Reader и др. Устройства Kindle не работают с форматом EPUB напрямую, поэтому нужно помнить об издержках конвертации, а поддержка векторной графики в Kindle появилась вместе с очередной версией собственного формата Amazon — KF8. Среди моделей PocketBook, поддерживающих SVG, можно назвать PocketBook Touch HD 3, PocketBook Touch Lux 4, PocketBook InkPad 3 и др. Старые модели Kobo и Sony Reader, как и других читалок, могут иметь ограниченную поддержку SVG.

Последние версии приложений крупнейших книжных сервисов для iOS и Android имеют поддержку SVG. Это Apple iBooks для iOS, Google Play Books для Android и приложение Amazon Kindle для обеих платформ. Среди российских книжных сервисов читалка сервиса Строки поддерживает и SVG, и стили CSS для качественной работы с векторной графикой, а читалка Букмейта отображает SVG, но без стилей.

Популярные десктопные программы Thorium Reader, Calibre, Adobe Digital Editions и другие также способны отображать графику в SVG.

Преимущества SVG

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

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

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

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

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

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

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

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

Использование SVG для включения формул в документ EPUB является одним из наиболее гибких и высококачественных способов, поскольку SVG-формулы остаются редактируемыми и масштабируемыми, а также сохраняют четкость и качество при изменении размера отображения. Это особенно полезно для сложных формул и выражений. SVG-документы легко интегрируются с HTML- и XHTML-документам, что несомненно является преимуществом при работе с EPUB.