UltKit

Prevod SVG na PNG

SVG je súbor pokynov na kreslenie bez pevného rozlíšenia. Pri prevode na PNG sa tieto pokyny vykreslia do mriežky pixelov, takže jediné rozhodnutie, na ktorom záleží, je, koľko pixelov na šírku má mať výsledok.

Prevodník obrázkov

alebo sem presuňte súbory JPG, JPEG, JPE … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

  1. 1

    Nahrajte súbory SVG

    Do nahrávača pretiahnite logá, ikony alebo ilustrácie uložené ako .svg, najviac 20 súborov naraz, každý do 95 MB.

  2. 2

    Nastavte výstupnú šírku

    Zmeniť veľkosť výstupného obrázka je nastavené na šírku 1024 px. Zadajte inú Veľkosť alebo prepnite na Nastaviť výšku či Nastaviť dlhšiu stranu; pomer strán kresby sa vždy zachová.

  3. 3

    Previeďte na PNG

    Stlačte Previesť na PNG a stiahnite si každý obrázok osobitne alebo celú sadu ako ZIP. Priehľadné oblasti SVG zostanú priehľadné.

Odpoveď

Ako previesť SVG na PNG v konkrétnej veľkosti?

Nahrajte SVG, zadajte potrebnú šírku v pixeloch (predvolených je 1024 px) a stlačte Previesť na PNG. Výška sa prispôsobí proporciám kresby a pozadie zostane priehľadné.

Previeďte SVG na PNG v potrebnej veľkosti

SVG, štandard W3C od roku 2001, opisuje tvary súradnicami: nakresli tu kruh a vyplň ho touto farbou. Preto logo v SVG zostane ostré na vizitke aj na billboarde. PNG sa takto škálovať nedá. Keď má šírku 512 px, jeho zväčšenie znamená vymýšľanie pixelov a hrany zmäknú. Veľkosť preto treba zvoliť pri prevode, kým sú vektorové informácie ešte k dispozícii.

Mnohé súbory SVG majú v kóde uvedenú malú šírku a výšku, pri ikonách niekedy 24 alebo 48 px. Vykreslenie v tejto veľkosti dá PNG veľkosti miniatúry. Táto stránka sa tejto pasci vyhne tým, že nastaví výstupnú šírku na 1024 px a kresbu prispôsobí, pričom výšku vypočíta z proporcií kresby. Číslo môžete zmeniť až do 20 000 px; zväčšovanie nestojí kvalitu, pretože každá veľkosť sa kreslí nanovo z vektorových tvarov.

SVG na PNG pre tlač: palce, DPI a pixely

palcePixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3,52525251050
8,561212752550
1179216503300

Štyri kontroly pred rastrovaním SVG

  1. Preveďte písma na krivky

    Text, ktorý používa písmo, čo máte vy, ale konvertor nie, sa nahradí iným. Najprv preveďte nápisy na cesty.

  2. Vložte prepojené obrázky

    SVG môže odkazovať na samostatný súbor s fotkou cestou. Ak tento súbor nie je vo vnútri SVG, v PNG bude na jeho mieste prázdne miesto.

  3. Skontrolujte plátno

    Prebytočné prázdne miesto okolo grafiky na plátne SVG sa v PNG zmení na priehľadný okraj. Pred exportom prispôsobte pracovnú plochu grafike.

  4. Zvoľte šírku podľa použitia

    Exportujte samostatné PNG pre rôzne účely, napríklad 512 px pre profilovú fotku a 2048 px pre prezentáciu, namiesto jednej veľkosti pre všetko.

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, ktorý v roku 2001 štandardizovalo W3C. Namiesto pixelov opisuje tvary, cesty a text, takže je ostrý v každej veľkosti a pri logách a ikonách býva drobný. Podporuje priehľadnosť, štýlovanie CSS, skriptovanie a animáciu a každý prehliadač ho vykresľuje natívne. SVG nie je vhodný pre fotografie a zložité ilustrácie sa môžu vykresľovať pomaly. Otvoria a upravia ho Illustrator, Inkscape, Figma a prehliadače.

Kompresia
–
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
2001 · W3C
Konvertor SVG

PNG

Portable Network Graphics

PNG je rastrový formát bez straty kvality publikovaný v roku 1996 skupinou PNG Development Group a neskôr štandardizovaný organizáciami W3C a ISO. Zachová každý pixel presne, podporuje plnú alfa priehľadnosť a text, ostré hrany a plné farby zvláda bez artefaktov. Vďaka tejto presnosti je ideálny pre snímky obrazovky, logá, ikony a grafiku rozhraní. Nevýhodou je veľkosť: fotografie uložené ako PNG sú často niekoľkonásobne väčšie než rovnaká fotka v JPEG alebo WebP. PNG otvoria všetky prehliadače, operačné systémy aj editory.

Kompresia
Bezstratová
Priehľadnosť
Áno
Animácia
Nie
Rok vzniku
1996 · PNG Development Group
Konvertor PNG

Prevod SVG na PNG mení vektorovú grafiku nezávislú od rozlíšenia na bitmapu pevnej veľkosti pre miesta, ktoré SVG odmietajú, napríklad sociálne siete, e-maily a kancelárske dokumenty; opačný smer je pokus o obnovenie škálovateľnosti z pixelov.

Časté otázky o prevode SVG na PNG

Na aké rozlíšenie mám previesť SVG?

Použite najväčšiu veľkosť, v akej sa PNG zobrazí, vynásobenú dvoma kvôli displejom telefónov a notebookov s vysokou hustotou pixelov. Logo zobrazené na webe v šírke 300 px exportujte približne na 600 px; ikona aplikácie má zvyčajne 1024 px; grafika na tlač potrebuje palce krát 300, takže 3 palce znamenajú 900 px.

Zachová PNG priehľadné pozadie zo SVG?

Áno. Oblasti SVG bez výplne budú úplne priehľadné a polopriehľadné tvary si zachovajú krytie. Ak namiesto toho potrebujete jednofarebné pozadie, previeďte súbor na JPG pomocou SVG na JPG a vyberte farbu výplne.

Prečo text v PNG vyzerá inak ako v SVG?

Text v SVG sa vykreslí písmom, ktoré je nainštalované tam, kde sa SVG vykresľuje. Ak SVG uvádza písmo, ktoré nie je vložené, nahradí ho náhradné písmo. Pred exportom preveďte text na krivky: v Illustratore Text → Vytvoriť obrysy, v Inkscape Cesta → Objekt na cestu.

Bude PNG ostrejšie, ak nastavím DPI?

Nie. Značka DPI v časti Rozšírené nastavenia iba zapíše do súboru číslo, ktoré tlačiarne a niektoré programy na zalamovanie používajú na určenie fyzickej veľkosti. Ostrosť závisí od rozmerov v pixeloch, ktoré nastavíte šírkou. Ak tlačiareň žiada 300 dpi pri danej veľkosti, zmeňte obe hodnoty.

Prečo sa SVG vôbec prevádza na PNG?

Mnohé miesta, ktoré prijímajú obrázky, SVG neprijímajú: nahrávanie profilových a príspevkových obrázkov na sociálne siete, väčšina e-mailových klientov, mnohé trhoviská a staršie verzie Microsoft Office. PNG správnej veľkosti sa zobrazí všade tam.

Môžem PNG neskôr previesť späť na SVG?

Iba vektorizáciou, ktorá prekreslí tvary z pixelov a funguje najlepšie pri jednoduchých logách. Originálne SVG si uschovajte; ak sa stratí, príručka PNG na SVG vysvetľuje, ako vektorizácia funguje a čo od nej čakať.