Co se změní při převodu SVG na PNG
SVG popisuje tvary, křivky, text a barvy pomocí souřadnic. PNG ukládá pevnou mřížku barevných pixelů. Při převodu proto musíte určit výstupní rozměry: stejný vektorový obrázek lze vykreslit na šířku 400 pixelů jako miniaturu nebo 2 400 pixelů do prezentace. Vyberte soubor SVG nebo vložte jeho kód. Prohlížeč přečte obsah, pokud možno zjistí poměr stran z atributu viewBox a připraví plátno o požadované velikosti. Obrázek se neposílá na konverzní server.
Atribut viewBox o rozměrech 400 krát 200 určuje poměr dvě ku jedné. Zadáte-li šířku 1 200 pixelů a výšku necháte prázdnou, nástroj vypočítá výšku 600 pixelů. Obě zadané hodnoty umožňují záměrné roztažení obrázku, u loga však zpravidla chcete zachovat proporce. Vyšší rozlišení vykreslí vektorové hrany podrobněji, ale obvykle zvětší soubor PNG.
Pozadí, ostrost a příklad
Nejdřív zvolte výstupní šířku a potom průhledné, bílé nebo vlastní barevné pozadí. Průhlednost se hodí pro ikonu na různých podkladech. Bílá zabrání překvapení v aplikaci, která průhledná místa zobrazuje špatně. Vlastní barva může odpovídat šabloně prezentace. Šachovnicový podklad v náhledu odhaluje průhledné oblasti. Před stažením zkontrolujte okraje v zamýšlené zobrazované velikosti.
Logo s viewBox 400 × 200 se při šířce 1 200 pixelů změní na PNG 1 200 × 600. Při šířce 600 pixelů dostanete 600 × 300. Kompozice zůstane stejná, ale větší soubor obvykle zabere více místa. Pokud napřed vytvoříte bitmapu 400 × 200 a teprve pak ji zvětšíte, původní ostrost křivek ze zdrojového SVG už neobnovíte.
Omezení a běžné omyly
Vyšší rozlišení neopraví nekvalitní fotografii vloženou do SVG. Fotografie už obsahuje pixely a po zvětšení může vypadat rozmazaně. Text se může vykreslit jinak, když v zařízení chybí použitý font; u důležitého loga pomáhá převést písmena před exportem na křivky. Porovnejte náhled s originálem, zvlášť drobné popisky, tenké tahy a poloprůhledné stíny. Některé efekty mohou prohlížeč a cílový program zobrazit různě.
Nástroj před vykreslením odmítá aktivní obsah a externí zdroje. Pokud grafika používá propojené obrázky, vzdálené fonty nebo skripty, připravte nejprve samostatný statický SVG soubor. Limity rozměrů chrání paměť prohlížeče. PNG uchovává průhlednost a data bez ztrátové komprese, ale pro fotografii nemusí být nejmenším vhodným formátem.