UltKit

Převod PSD do SVG

Uložte návrh z Photoshopu jako soubor .svg pro nástroje, které přijímají jen SVG. Převodník PSD sloučí a obrázek vloží do SVG. Níže zjistíte, kdy to stačí a kdy je potřeba logo vektorizovat.

Převodník obrázků

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte PSD

    Vyberte jeden nebo více souborů .psd, nejvýše 20 v jedné dávce a každý do 95 MB.

  2. 2

    Stiskněte Převést na SVG

    Viditelný návrh se sloučí do jedné vrstvy v rozměrech plátna a vloží se do dokumentu SVG. Posuvník kvality tu není, protože bitmapa uvnitř je uložena bezztrátově.

  3. 3

    Otevřete výsledek

    Přetáhněte soubor .svg do prohlížeče, Figmy nebo Inkscapu. Bude vypadat jako PSD a při velkém přiblížení uvidíte pixely, což je v pořádku.

PSD do SVG: co převodník skutečně zapíše

PSD je sada vrstev: pixelové vrstvy z fotek a štětců, úpravové vrstvy měnící pixely pod sebou, textové vrstvy, chytré objekty a tvarové vrstvy, které Photoshop ukládá jako vektorové křivky od verze 6.0 z roku 2000. Samotný Photoshop vyšel v únoru 1990 a formát PSD stále obsahuje sloučený náhled viditelných vrstev, aby ostatní programy mohly návrh zobrazit, aniž by rozuměly každému typu vrstvy.

Tento převodník používá právě tento sloučený návrh. Viditelné vrstvy vykreslí do jednoho obrázku v rozměrech plátna a zapíše dokument SVG, jehož jediným obsahem je tento obrázek. SVG má správnou šířku, výšku i průhlednost, takže se do stránky nebo layoutu vloží jako originál. Chybí mu ale jediný editovatelný tvar: každá hrana, i hrany tvarových vrstev, jsou pixely. Efekty, masky a režimy prolnutí nemají v SVG přímý ekvivalent, proto je vykreslený výsledek tím poctivým výstupem.

Největší šířka nebo výška PSD
30 000 px
Maximální velikost souboru PSD (větší návrhy používají PSB)
2 GB
Největší PSD, které převodník přijme
95 MB
Souborů PSD v jedné dávce
20

PSD

Dokument Adobe Photoshop

PSD je nativní formát Adobe Photoshopu, používaný od roku 1990. Ukládá vrstvy, masky, úpravné vrstvy, text, chytré objekty, kanály a barevné profily, takže návrh lze později znovu upravit bez ztráty kvality. Soubory bývají velmi velké a plnou věrnost zajistí jen Photoshop; jiné editory, například GIMP, Photopea a Affinity, otevírají PSD s různou přesností. Prohlížeče, telefony a většina nahrávacích formulářů PSD přímo nezobrazí.

Komprese
Bezztrátová
Průhlednost
Ano
Animace
Ne
Představeno
1990 · Adobe
Převodník PSD

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.

Komprese
–
Průhlednost
Ano
Animace
Ano
Představeno
2001 · W3C
Převodník SVG

PSD do SVG lidé hledají, když webový nástroj, šablonová platforma nebo řezací plotr žádá SVG a návrh existuje jen jako soubor Photoshopu; výsledkem je sloučená grafika v kontejneru SVG.

Tvarové vrstvy, inteligentní objekty a pixely v PSD

MýtusUložení jako .svg udělá z jakéhokoli návrhu škálovatelnou grafiku.

FaktŠkálovatelnost dávají křivky. SVG s bitmapou se za svou velikostí v pixelech rozmaže jako PNG.

MýtusLogo nakreslené tvary ve Photoshopu se převede na vektor automaticky.

FaktNástroj nejdřív vše sloučí, takže tvary dorazí jako pixely. Vektorové tvary je nutné exportovat nebo vektorizovat.

MýtusChytré objekty si zachovají propojený vektorový obsah.

FaktVložený soubor z Illustratoru se vykreslí ve velikosti, v jaké je na plátně, a sloučí se se zbytkem.

Jak z návrhu ve Photoshopu získat skutečné vektorové cesty

U loga, ikony nebo nápisu, které mají zůstat ostré v jakékoli velikosti, je správným krokem vektorizace. Převeďte PSD na průhledné PNG pomocí PSD do PNG a pak je projděte převodníkem obrázků do SVG, který sleduje hrany a zapisuje skutečné křivky. Vektorizace se hodí pro plné barvy a čisté obrysy; fotografie se změní na tisíce drobných tvarů. Náš návod jak převést PNG do SVG popisuje nastavení, díky nimž jsou křivky hladké.

Pokud původní vektorová grafika existuje v Illustratoru, Affinity Designeru nebo Figmě, vyžádejte si raději tento soubor, než začnete vektorizovat sloučenou kopii.

Otázky k převodu PSD do SVG

Stanou se z tvarových vrstev Photoshopu upravitelné cesty SVG?

S tímto převodníkem ne. Tvarové vrstvy jsou ve Photoshopu vektory, ale PSD se před zápisem do SVG sloučí do jedné bitmapy, takže každá vrstva včetně tvarů dorazí jako pixely. Chcete-li zachovat křivky, exportujte tvary z vektorového editoru nebo výsledek vektorizujte.

Proč je moje SVG zhruba stejně velké jako PNG téhož návrhu?

Protože SVG je většinou jen PNG. Bitmapa je v SVG uložena jako kódovaný text, což velikost zvětší zhruba o třetinu. Skutečné vektorové logo by mělo pár kilobajtů.

Mohu toto SVG poslat do Cricutu nebo laserové řezačky?

Naimportuje se, ale není co řezat. Řezací plotry sledují obrysy křivek, zabalená bitmapa je nemá, takže Design Space i software pro lasery vidí plochý obrázek. Logo vektorizujte převodníkem obrázků do SVG a získáte řezné linky.

Zůstane text z textové vrstvy Photoshopu v SVG textem?

Ne. Textové vrstvy se vykreslí se svými fonty a sloučí jako všechno ostatní, takže slova nelze hledat, vybrat ani přepsat. Editovatelný text vytvořte znovu v editoru SVG se stejným fontem.

Kdy je SVG obal kolem bitmapy opravdu užitečný?

Když systém vyžaduje příponu .svg, ale soubor jen zobrazuje, jak to dělají některé nástroje pro motivy a šablonové platformy. Hodí se také jako zástupný soubor, dokud nemáte pořádnou vektorovou grafiku.

Dá větší plátno PSD ostřejší SVG?

Ano. SVG zachová rozměry plátna, takže PSD o šířce 4000 px zůstane ostré i ve větším zobrazení než PSD o 1000 px. Za svou původní velikostí se vložený obrázek rozmaže jako každá bitmapa.

Další možnosti, jak převést soubor z Photoshopu
PSD do PNGPSD do JPGPSD do PDF
PNG do SVGEPS do SVGObrázek do SVG