UltKit
Зображення11
PDF13
Документи й дані7
Відео6
Аудіо4
Інші інструменти22

Конвертер SVG у JPG

Збережіть SVG як JPG саме тієї ширини, яка вам потрібна: від 1200 px для соцмереж до 2480 px для друку на A4. Прозорі ділянки заповнюються білим або будь-яким вибраним кольором.

Конвертер зображень

або перетягніть Файли JPG, JPEG, JPE … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Файли обробляються на наших серверах і видаляються через 30 хв.

Як користуватися цим інструментом

  1. 1

    Виберіть файл SVG

    Додайте файли .svg, експортовані з Illustrator, Inkscape, Figma або з вебсайту. До 20 файлів за раз, до 95 MB кожен.

  2. 2

    Задайте ширину й фон

    У розділі Змінити розмір результату ширина за замовчуванням становить 2000 px, а висота визначається пропорціями малюнка. Прозорі ділянки заповнюються білим кольором; можна вибрати чорний або власний колір.

  3. 3

    Конвертуйте й завантажте

    Натисніть Конвертувати в JPG і збережіть файли або ZIP-архів. Усе, що ви завантажили, видаляється через 30 хвилин.

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

Конвертер SVG у JPG: растеризація в потрібному розмірі

SVG став рекомендацією W3C у 2001 році. Він описує форми, контури й текст як інструкції, тому логотип залишається чітким за будь-якого масштабу. Проте більшість місць, куди ви публікуєте зображення, створювали для фото. Facebook, Instagram і LinkedIn не приймають SVG, багато шаблонів слайдів і документів його відхиляють, а друкарські портали просять JPG або PDF. Цим системам потрібні пікселі.

Цей конвертер малює вектор із шириною, заданою в розділі Змінити розмір результату, і зберігає висоту пропорційною до viewBox малюнка. Оскільки форми малюються заново в цій ширині, а не розтягуються з малої растрової картинки, експорт 4000 px такий самий чіткий, як і 400 px. Виберіть розмір, який відображає місце призначення, або розмір для друку за 300 DPI, і залиште запас для платформ, що обрізають зображення. Якщо графіка має лишатися прозорою, краще підійде SVG у PNG.

40:21

1200 × 630 px

Прев’ю посилання (Open Graph)

Рекомендований Facebook розмір зображення для поширення

16:9

1280 × 720 px

Мініатюра YouTube

16:9, завширшки щонайменше 640 px

1:1

1080 × 1080 px

Квадратний допис в Instagram

Більші зображення зменшуються до цієї ширини

620:877

2480 × 3508 px

Сторінка A4 за 300 DPI

Плакати й флаєри, які надсилають у друкарню

SVG

Масштабована векторна графіка (SVG)

SVG — векторний формат на основі XML, стандартизований W3C у 2001 році. Замість пікселів він описує фігури, контури та текст, тож залишається чітким за будь-якого розміру, а для логотипів і значків зазвичай дуже малий. Підтримує прозорість, стилі CSS, скрипти та анімацію, а кожен браузер відображає його нативно. SVG не підходить для фотографій, а складні ілюстрації можуть повільно відображатися. Відкрити й редагувати його можна в Illustrator, Inkscape, Figma та браузерах.

Стиснення
–
Прозорість
Так
Анімація
Так
Рік появи
2001 · W3C
Конвертер SVG

JPG

Зображення JPEG

JPEG (або JPG) — найпоширеніший формат фото, стандартизований Joint Photographic Experts Group у 1992 році. Він використовує стиснення з втратами, яке відкидає дрібні деталі, малопомітні оку, завдяки чому фото достатньо малі для вебу, пошти та пам’яті телефона. Він добре передає плавні градієнти та природні сцени, але на чіткому тексті, лінійній графіці та суцільних кольорах з’являються помітні блокові чи розмиті артефакти. У JPEG немає прозорості й анімації, а кожне повторне збереження трохи знижує якість. Його відкриває будь-який браузер, телефон, камера та редактор зображень.

Стиснення
З втратами
Прозорість
Ні
Анімація
Ні
Рік появи
1992 · Joint Photographic Experts Group
Конвертер JPG

SVG у JPG потрібен там, де приймають фото, але не векторні файли: у публікаціях у соцмережах, мініатюрах, шаблонах слайдів і друкарських порталах, де очікують плоске зображення із суцільним тлом; векторизація JPG назад у SVG — зовсім інше завдання.

Конвертувати SVG у JPG з білим фоном

JPG не підтримує прозорість

Кожен прозорий піксель SVG у JPG отримує суцільний колір. За замовчуванням це білий, який підходить для документів і більшості дописів у соцмережах. На темному слайді або кольоровому банері виберіть Чорний чи Власний колір у параметрі Прозорі ділянки, щоб логотип не опинявся в білому прямокутнику.

Шрифти, пов’язані зображення й кольори перед конвертуванням

Три речі всередині SVG можуть змінити JPG. Текст, що посилається на шрифт за назвою, залежить від наявності цього шрифту, тому спершу перетворіть його на контури. Зображення, підключені з іншої веб-адреси, можуть не завантажитися під час конвертації; вбудуйте їх у SVG або замініть. А CSS зі сторінки, звідки взято SVG, не передається разом із файлом, тому іконка, яка на сайті була синьою, може відобразитися чорною.

Кольори записуються в sRGB, який SVG використовує за замовчуванням, тож екрани й застосунки соцмереж показують ті самі кольори, які ви задумали. Для друку параметр Тег DPI у розділі Додаткові налаштування записує у файл 300 DPI, не змінюючи пікселів; деякі друкарські портали це перевіряють. Якщо зображення призначене для сайту, що приймає сучасні формати, SVG у WebP дає значно менший файл, ніж JPG, за тієї самої ширини.

Запитання про конвертування SVG у JPG

Чому деякі конвертери роблять фон SVG чорним?

Прозорі пікселі все одно мають значення кольору, зазвичай чорного, і конвертер, який відкидає альфа-канал без заповнення, показує цей чорний. Тут прозорі ділянки заповнюються кольором, заданим у параметрі Прозорі ділянки, за замовчуванням білим.

Скільки пікселів потрібно SVG для друку на A4?

За 300 DPI сторінка A4 має 2480 × 3508 px, а US Letter — 2550 × 3300 px. Вкажіть у полі Задати ширину 2480 або 2550, і висота підлаштується під малюнок; вектор малюється саме в такому розмірі, тому краї залишаються чіткими.

Чи можна зробити фон у фірмовому кольорі замість білого?

Так. У розділі Додаткові налаштування виберіть для параметра Прозорі ділянки значення Власний колір і введіть hex-значення, наприклад #0B3D91. Цей колір заповнює кожен прозорий піксель, зокрема проміжки всередині літер.

Чому тонкі лінії в JPG виглядають трохи розмитими?

Стиснення JPG працює блоками 8 × 8 пікселів і залишає ледь помітну рябь біля різких країв, що найбільше видно на штрихових малюнках. Підвищте Якість до 95, конвертуйте з більшою шириною або використайте PNG, якщо зображення складається переважно з ліній і суцільних кольорів.

У моєму SVG нестандартний шрифт. Що зробити перед конвертуванням?

Спершу перетворіть текст на контури: Object to Path в Inkscape, Create Outlines в Illustrator або Outline stroke і flatten у Figma. SVG, який лише вказує назву шрифту, залежить від того, чи встановлено цей шрифт, а заміна змінює вигляд.