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
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
85 udrží fotografie vizuálně shodné s originálem. Snižte ji, jen když potřebujete menší soubor.
JPG, BMP a EPS nemají průhlednost. Průhledné pixely se vyplní touto barvou.
Hexadecimální barva použitá za průhlednými pixely, např. #FFFFFF.
Tento formát obsahuje jediný obrázek. Chcete-li zachovat animaci, zvolte výstup GIF nebo WebP.
Ikona s více velikostmi obsahuje několik rozlišení v jednom souboru; prohlížeče a operační systémy si vyberou to, které potřebují.
Ponechte původní rozměry, nebo zadejte jednu stranu a poměr stran se zachová.
Pixely pro stranu vybranou výše.
Procento původních rozměrů.
sRGB je správná volba pro obrazovky a web. Pro tiskové postupy ponechte originál; odstíny šedi zahodí barvu.
Pouze metadata, 0 ponechá původní hodnotu. Tiskárny a některé portály toto číslo čtou; rozměry v pixelech nemění.
Jak nástroj používat
- 1
Nahrajte PSD
Vyberte jeden nebo více souborů .psd, nejvýše 20 v jedné dávce a každý do 95 MB.
- 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
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
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
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.
| PSD do PNG | PSD do JPG | PSD do PDF |
| PNG do SVG | EPS do SVG | Obrázek do SVG |