Převod souboru PSD do SVG

Webová rozhraní, laserové řezačky, plottery a škálovatelné tiskové workflow často vyžadují SVG namísto vrstveného formátu PSD v Photoshopu. Převod funguje bez problémů pouze u vektorových grafik; fotografie a malované vrstvy se bez trasování nebo překreslení nemohou stát upravitelnými cestami.

Co je formát PSD

PSD je nativní vrstvený formát aplikace Adobe Photoshop. Může obsahovat rastrové pixely, vrstvy vektorových tvarů, upravitelný text, masky, kanály, vrstvy úprav, inteligentní objekty, filtry, vodítka a efekty vrstev.

Uživatelé Photoshopu vytvářejí soubory PSD pro úpravu fotografií, kompozice, návrhy rozhraní, plakáty a zdrojové grafiky, které vyžadují úpravy na úrovni vrstev. Adobe Illustrator, Affinity Photo, Photopea a GIMP mohou soubory PSD otevírat, ale vrstvy a efekty specifické pro Photoshop nemusí zůstat upravitelné nebo se nemusí vykreslit identicky.

Co je formát SVG

SVG je vektorový formát založený na XML, který popisuje cesty, geometrické tvary, přechody a text. Lze jej škálovat bez pixelizace a podporují jej webové prohlížeče, řezací stroje, plottery a vektorové aplikace, jako jsou Adobe Illustrator, Inkscape, Affinity Designer a CorelDRAW.

SVG se hodí pro loga, ikony, diagramy, grafiku rozhraní a jednoduché ilustrace. Nezachovává kompletní model vrstev, úprav, inteligentních objektů ani filtrů v Photoshopu. SVG může také obsahovat vložený rastrový obrázek, takže samotná přípona .svg nedokazuje, že je grafika vektorová.

Jak exportovat vektorový obsah z Photoshopu

1. Otevřete PSD v Photoshopu a identifikujte vrstvy tvarů, vektorové masky a textové vrstvy. Skryjte fotografie, malované vrstvy a další pixelový obsah, který nemá být zahrnut.
2. Odstraňte nebo zjednodušte nepodporované efekty, bitmapové masky, inteligentní filtry a režimy prolnutí. Pokud potřebujete zachovat původní efekty, nejprve PSD duplikujte.
3. Vyberte File → Export → Export As, zvolte SVG a exportujte vybranou vektorovou grafiku nebo dokument.
4. Otevřete výsledek ve webovém prohlížeči a vektorovém editoru. Zkontrolujte výplně, tahy, text, ořez, průhlednost, umístění a rozměry dokumentu.

Export SVG z Photoshopu je vhodný především pro vrstvy tvarů a podporovaný text nebo obsah cest. PSD obsahující pouze fotografie nebo malované pixely nemůže exportem vytvořit ekvivalentní upravitelnou vektorovou grafiku.

Jak použít Illustrator k vyčištění grafiky

1. Otevřete Adobe Illustrator a zvolte File → Open, poté vyberte PSD.
2. V dialogovém okně importu Photoshopu zvolte možnost importu upravitelných vrstev, pokud je k dispozici. Illustrator může některé vrstvy Photoshopu importovat jako samostatné objekty, ale rastrové vrstvy zůstanou rastrovým obsahem.
3. Opravte cesty, výplně, tahy, ořez a pořadí vrstev. Pokud příjemce potřebuje text upravovat, ponechte jej živý; na obrysy jej převádějte pouze tehdy, pokud by substituce písma změnila požadovaný vzhled.
4. Vyberte File → Export → Export As, zvolte SVG, podle potřeby povolte Use Artboards a vyberte nastavení kompatibilní s cílovou aplikací.

Illustrator je užitečný, když vrstvy tvarů vyžadují úpravu cest nebo když je třeba rastrovou grafiku ručně překreslit. Jeho proces importu automaticky nevytvoří upravitelné cesty z fotografií ani malovaných vrstev. U bitmapových log použijte Window → Image Trace jako výchozí bod a poté vygenerované cesty zkontrolujte a zjednodušte.

Jak použít Photopea nebo online převodník

Photopea může otevřít PSD v prohlížeči a pro podporovaný vektorový obsah použít File → Export As → SVG. Výsledek zkontrolujte, protože nepodporované efekty mohou být vynechány, přibližně napodobeny nebo reprezentovány jako rastrový obsah.

Služby jako CloudConvert a Convertio mohou přijmout PSD a vytvořit SVG, ale běžný převod často PSD rastrově převede nebo umístí zdrojový obrázek do SVG, místo aby vytvořil nové vektorové cesty. Tyto služby používejte pouze tehdy, pokud je takový výsledek přijatelný, a vyhněte se nahrávání důvěrných grafik na server třetí strany. U rastrové grafiky, která vyžaduje vektorový výstup, použijte Image Trace v Illustratoru nebo Path → Trace Bitmap v Inkscape a poté cesty ručně opravte; automatické trasování není totéž jako zachování původního návrhu.

Omezení kvality a kompatibility

• Rastrový obsah zůstává rastrovým obsahem. Fotografie, malované vrstvy a rastrový text se vloží jako bitmapová data, přibližně se trasují nebo se vynechají; automaticky se z nich nestanou čisté upravitelné cesty.
• Stíny Photoshopu, efekty pokřivení, vrstvy úprav, inteligentní filtry, režimy prolnutí a složité masky mohou být sloučeny, přibližně napodobeny nebo ztraceny.
• Text SVG závisí na dostupných písmech. Převod textu na obrysy zachovává jeho vzhled spolehlivěji, ale odstraňuje možnost úprav textu a může zvětšit velikost souboru.
• Přechody, tahy, průhlednost, ořezové cesty a režimy prolnutí se mohou ve webových prohlížečích, řezacím softwaru a vektorových editorech vykreslovat odlišně. Exportovaný soubor otestujte v aktuální cílové aplikaci.
• U loga nebo ikony obvykle vytvoříte čistší a menší SVG, když grafiku znovu sestavíte pomocí vektorových tvarů nebo ji překreslíte v Illustratoru či Inkscape, než když převedete komplexní PSD.
• PSD si ponechte jako upravitelný zdroj, protože SVG obecně nedokáže zachovat úplnou strukturu vrstev Photoshopu, inteligentní objekty, workflow úprav ani historii úprav.