Конвертувати PSD у SVG
Збережіть дизайн із Photoshop як файл .svg для сервісів, які приймають лише SVG. Конвертер зводить PSD і вкладає зображення в SVG. Нижче пояснюємо, коли цього достатньо, а коли логотип потрібно трасувати.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.
JPG, BMP і EPS не підтримують прозорість. Прозорі пікселі заповнюються цим кольором.
Hex-колір для заливки під прозорими пікселями, наприклад #FFFFFF.
Цей формат містить одне зображення. Оберіть вихідний формат GIF або WebP, якщо хочете зберегти анімацію.
Багаторозмірна іконка містить кілька роздільностей в одному файлі; браузери та операційні системи обирають потрібну.
Залиште початкові розміри або введіть одну сторону — пропорції збережуться.
Пікселі для сторони, обраної вище.
Відсоток від початкових розмірів.
sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.
Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.
Як користуватися цим інструментом
- 1
Виберіть файл PSD
Виберіть один або кілька файлів .psd: до 20 за раз, кожен до 95 MB.
- 2
Натисніть «Конвертувати в SVG»
Видимий дизайн зводиться в один шар за розміром полотна й вбудовується в документ SVG. Повзунка якості немає, бо растрове зображення всередині зберігається без втрат.
- 3
Відкрийте результат
Відкрийте .svg у браузері, Figma або Inkscape. Він виглядатиме так само, як PSD, а за сильного наближення будуть помітні пікселі — це нормально.
PSD у SVG: що насправді записує конвертер
PSD — це стос шарів: піксельні шари з фото й пензлів, коригувальні шари, що змінюють пікселі під ними, текстові шари, смарт-об’єкти та фігурні шари, які Photoshop зберігає як векторні контури з версії 6.0 у 2000 році. Сам Photoshop вийшов у лютому 1990 року, а формат PSD досі містить зведену композицію видимих шарів, щоб інші програми могли показати дизайн, не розуміючи кожного типу шарів.
Цей конвертер використовує саме таку зведену композицію. Він відтворює видимі шари в одне зображення за розміром полотна, а потім записує документ SVG, єдиний вміст якого — це зображення. SVG має правильні ширину, висоту та прозорість, тому вставляється на сторінку чи в макет, як оригінал. Єдиного редагованого контуру в ньому немає: кожен край, зокрема краї фігурних шарів, складається з пікселів. Ефекти, маски та режими накладання не мають прямого відповідника в SVG, тож чесним результатом є відтворене зображення.
- Найбільша ширина або висота PSD
- 30 000 px
- Максимальний розмір файлу PSD (більші дизайни використовують PSB)
- 2 GB
- Найбільший PSD, який приймає конвертер
- 95 MB
- файлів PSD за раз
- 20
PSD
Документ Adobe Photoshop
PSD — рідний формат файлів Adobe Photoshop, який використовується з 1990 року. Він зберігає шари, маски, коригувальні шари, текст, смарт-об’єкти, канали та кольорові профілі, щоб дизайн можна було пізніше редагувати без втрат. Файли часто дуже великі, а повна точність потребує Photoshop; інші редактори, як-от GIMP, Photopea і Affinity, відкривають PSD з різною точністю. Браузери, телефони та більшість форм завантаження не можуть показати PSD напряму.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- 1990 · Adobe
SVG
Масштабована векторна графіка (SVG)
SVG — векторний формат на основі XML, стандартизований W3C у 2001 році. Замість пікселів він описує фігури, контури та текст, тож залишається чітким за будь-якого розміру, а для логотипів і значків зазвичай дуже малий. Підтримує прозорість, стилі CSS, скрипти та анімацію, а кожен браузер відображає його нативно. SVG не підходить для фотографій, а складні ілюстрації можуть повільно відображатися. Відкрити й редагувати його можна в Illustrator, Inkscape, Figma та браузерах.
- Стиснення
- –
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 2001 · W3C
PSD у SVG шукають, коли веб-конструктор, платформа шаблонів або ріжучий плотер вимагає SVG, а дизайн існує лише як файл Photoshop; результатом стає зведена графіка в контейнері SVG.
Шари-фігури, смарт-об’єкти й пікселі в PSD
МіфЗбереження як .svg робить будь-який дизайн масштабованим.
ФактМасштабованість забезпечують контури. SVG із растром за межами свого розміру стає м’яким, як PNG.
МіфЛоготип, намальований фігурами Photoshop, автоматично стає векторним.
ФактЦей інструмент спершу зводить шари, тому фігури стають пікселями. Векторні фігури потрібно експортувати або векторизувати.
МіфСмарт-об’єкти зберігають пов’язаний векторний вміст.
ФактВставлений файл Illustrator відтворюється в розмірі, у якому він видимий на полотні, а потім зводиться з рештою.
Як отримати справжні векторні контури з дизайну Photoshop
Для логотипа, іконки чи напису, що мають залишатися чіткими за будь-якого розміру, потрібна векторизація. Конвертуйте PSD у прозорий PNG за допомогою PSD у PNG, а потім пропустіть його через конвертер зображень у SVG, який простежує краї й записує справжні контури. Векторизація добре працює з однотонними кольорами та чіткими контурами; фотографії перетворюються на тисячі дрібних фігур. У нашому посібнику про конвертацію PNG у SVG описано налаштування, що зберігають плавність кривих.
Якщо вихідна векторна графіка є в Illustrator, Affinity Designer або Figma, попросіть цей файл, перш ніж векторизувати зведену копію.
Запитання про конвертацію PSD у SVG
Чи стануть шари-фігури з Photoshop редагованими контурами SVG?
У цьому конвертері ні. Фігурні шари в Photoshop є векторами, але перед записом у SVG PSD зводиться в одне растрове зображення, тому всі шари, зокрема фігури, потрапляють у файл пікселями. Щоб зберегти контури, експортуйте фігури з векторного редактора або векторизуйте результат.
Чому мій SVG важить приблизно стільки ж, скільки PNG того самого дизайну?
Бо SVG здебільшого і є PNG. Растрове зображення зберігається в SVG як закодований текст, що додає до розміру приблизно третину. Справжній векторний логотип важив би кілька кілобайтів.
Чи можна надіслати цей SVG на Cricut або лазерний різак?
Імпортується, але різати буде нічого. Ріжучі плотери працюють за контурами, а в обгорнутого растру їх немає, тому Design Space і лазерне ПЗ бачать плоску картинку. Щоб отримати лінії різання, векторизуйте логотип у конвертері зображень у SVG.
Чи залишиться текст із текстового шару Photoshop текстом у SVG?
Ні. Текстові шари відтворюються своїми шрифтами та зводяться, як і решта, тож слова не можна шукати, виділяти чи редагувати. Створіть редагований текст у редакторі SVG тим самим шрифтом.
Коли SVG-обгортка навколо растрового зображення справді корисна?
Коли система вимагає розширення .svg, але лише показує файл, як-от деякі конструктори тем і платформи шаблонів. Також він підійде як заглушка, доки немає справжньої векторної графіки.
Чи дає більше полотно PSD чіткіший SVG?
Так. SVG зберігає розміри полотна, тому PSD завширшки 4000 px лишається чітким за більшого розміру показу, ніж 1000 px. За межами власного розміру вбудоване зображення стає м’якшим, як будь-який растр.