Перейти к содержимому

Сохранение и работа с макетом

Штрихкод в SVG онлайн

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

Создать штрихкод в SVGПосмотреть учебный пример

Как скачать штрихкод в SVG

Выберите формат кода, введите своё значение и нажмите «Скачать SVG» под предпросмотром. Редактор сохранит одну текущую этикетку: код, заполненные подписи, выбранные значки и белый фон. Размер в миллиметрах берётся из настроек этикетки.

SVG удобно использовать, когда нужно вставить штрихкод в другой макет: созданные редактором полосы и квадраты кодов сохраняются как векторная графика. Текст остаётся текстом. Если в этикетку перенесён Data Matrix из PDF СУЗ, этот фрагмент внутри SVG будет растровым изображением.

Выберите, что закодировать

В редакторе также есть EAN-8, Code 39 и Data Matrix. Ссылки выше выбирают формат и размер 58 × 40 мм; значение кода нужно ввести в форме.

Четыре шага до файла

  1. Проверьте размер и ориентацию.

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

  2. Введите код и подписи.

    Для учебного EAN-13 впишите в «Штрихкод» 4006381333931. В режиме «Своя этикетка» оставьте только нужные поля. Если нужны одни полосы с цифрами, удалите ненужные текстовые поля кнопками рядом с ними.

  3. Посмотрите на результат.

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

  4. Нажмите «Скачать SVG».

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

Предпросмотр учебной этикетки и кнопка Скачать SVG рядом со Скачать PDF
Кнопка «Скачать SVG» находится под предпросмотром. На снимке — демонстрационный макет с Code 128. Увеличить снимок

Учебный пример EAN-13

Этикетка 58 × 40 мм с кодом 4006381333931 и подписью «Учебный пример EAN-13». Она предназначена для знакомства с SVG; для своего товара используйте его настоящий номер.

Учебная этикетка 58 на 40 мм с EAN-13 4006381333931 на белом фоне
Файл 58 × 40 мм из нашего редактора: векторные полосы и текст, без растровых вставок. Перед тиражом проверьте пробный отпечаток на своём принтере. Скачать учебный SVG
Как проверить размер и состав SVG

Откройте свою копию файла в текстовом редакторе. Для этого примера корневой элемент <svg> должен содержать width="58mm", height="40mm" и viewBox="0 0 58 40". Первые два атрибута задают размер, а viewBox — координатную область рисунка. Описание viewBox в W3C SVG 2.

В таком примере полосы представлены графическими элементами, а подписи — элементами <text>. Встроенных изображений <image> быть не должно. В других SVG этот элемент может содержать PNG, JPEG или отдельное SVG-изображение, поэтому одно расширение файла не подтверждает отсутствие растровых частей. Встраивание изображений в SVG: W3C.

Что учитывать при работе с файлом

Фон прозрачный или белый?

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

Сохраняются ли шрифты и редактируемый текст?

Подписи сохраняются текстовыми элементами с указанием Arial, sans-serif. Файл шрифта не встраивается, текст автоматически не переводится в кривые. Если на другом компьютере подходящего шрифта нет, программа может использовать замену. Проверяйте переносы и длину строк после открытия. Текст и выбор шрифта в SVG описаны в спецификации W3C.

Почему в SVG могут быть растровые части?

При работе с PDF СУЗ фрагмент исходного Data Matrix вставляется в SVG как PNG. Кнопка «Скачать SVG» сохраняет только выбранную сейчас этикетку. Для всего набора используйте отдельную кнопку «Скачать дополненный PDF» и инструкцию по PDF СУЗ.

Если позже добавить в SVG логотип в PNG или JPEG через другую программу, он тоже останется растровым изображением. Смена расширения не превращает его в вектор.

Можно ли получить EPS или SVG всего тиража?

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

Создать свою этикетку в SVG

Выберите формат, замените пример своими данными и сохраните файл под предпросмотром.

Открыть редактор EAN-13