SVGtoPNG
Live

Profesionálny prevodník SVG na PNG

Prevádzajte SVG na PNG okamžite a zadarmo. Užite si 100% súkromie: vaše súbory sa spracovávajú lokálne a nikdy neopustia vaše zariadenie. Posuňte svoje návrhy na vyššiu úroveň s našimi piatimi vlastnými multiplikátormi konverzie (1x, 2x, 3x, 4x a 8x), ktoré sú navrhnuté tak, aby rozširovali, optimalizovali a zvyšovali ostrosť každého obrázka podľa vašich presných požiadaviek.

Presuňte súbor SVG sem alebo vyhľadajte

Podporuje čistý vektorový SVG kód (Scalable Vector Graphics)

Praktický sprievodca prevodom SVG na PNG

Dobrý export sa začína tam, kde sa bude obrázok používať. Tento sprievodca vysvetľuje, ako zvoliť mierku, pripraviť súbor SVG a skontrolovať PNG pred jeho použitím.

1. Začnite pri cieľ

Pred prevodom skontrolujte pixelové rozmery požadované webovou stránkou, dokumentom, e-mailovým systémom alebo dizajnovou aplikáciou, ktorá obrázok prijme. Tento nástroj škáluje vykreslené rozmery SVG pomocou vybraného násobku; neposkytuje vlastné polia pre šírku a výšku. Ak platforma požaduje šírku 1200 pixelov, porovnajte tento cieľ so zobrazenou šírkou SVG a vyberte násobok, ktorý sa blízko priblíži bez vytvorenia zbytočne veľkého súboru.

2. Pochopte faktory mierky

Možnosti sú 1x, 2x, 3x, 4x a 8x. Násobok ovplyvňuje šírku aj výšku: zdroj 200 × 100 vykreslený pri 2x sa stane 400 × 200 pixelov. Počet pixelov rastie s kvadrátom násobku, takže 8x produkuje 64-krát viac pixelov ako 1x. Väčší výstup môže spotrebovať výrazne viac pamäte a nemusí vyzerať lepšie, keď pôvodná grafika alebo cieľový displej to nepotrebujú.

3. Vyberte faktor pre displeje

Pre štandardnú grafiku rozhrania je 1x alebo 2x často praktickým východiskom; 2x môže pomôcť na displejoch s vysokou hustotou, keď cieľové rozloženie obrázok zmenšuje. Zvoľte 3x alebo 4x iba vtedy, keď design potrebuje dodatočné pixelové rozmery. Používajte 8x selektívne, pretože veľmi veľké plátna môžu trvať dlhšie pri vykresľovaní alebo prekročiť limity prehliadača.

4. Rozhodnite, či by pozadie malo byť priehľadné

Zvoľte Priehľadné, keď musí byť PNG umiestnený nad farebnou stránkou, prezentáciou alebo iným obrázkom. Zvoľte Biele, keď cieľ očakáva biely obdĺžnik alebo keď pevné pozadie uľahčuje kontrolu grafiky. PNG podporuje priehľadnosť, ale cieľová aplikácia môže zobraziť priehľadné pixely nad šachovnicovým vzorom alebo ich pri vložení obrázka sploštiť.

5. Pripravte SVG pred exportom

Otvorte zdroj vo vektorovom editore a skontrolujte, či má zmysluplný viewBox a viditeľnú grafiku vo vnútri tohto viewBoxu. Preveďte alebo vložte písma, ak musí design vyzerať identicky na zariadeniach, ktorým tieto písma chýbajú. Udržujte prepojené obrázky a externé zdroje dostupné; tento konvertor v prehliadači nemusí vykresliť vzdialené písma, prepojené obrázky, skripty alebo iné externé závislosti zo súboru SVG.

6. Preveďte a skontrolujte náhľad

Vyberte jeden súbor SVG, zvoľte mierku a pozadie a potom ho preveďte. Skontrolujte, či je celá kresba viditeľná, či text a jemné čiary zostávajú čitateľné a či má náhľad očakávané pozadie. Ak je výsledok orezaný, skontrolujte SVG viewBox a rozmery v pôvodnom súbore. Konvertor spracováva jeden súbor za druhým a ponúka stiahnutie PNG pre daný súbor.

7. Skontrolujte pixely a veľkosť súboru

Použite PNG v zamýšľanom kontexte a skontrolujte ho vo veľkosti, v ktorej sa skutočne zobrazí. Veľký pixelový rozmer automaticky nezlepšuje malú ikonu na obrazovke. Ak je PNG príliš veľký, vráťte sa k SVG a exportujte s nižším faktorom. Ak vyzerá rozostrene, overte, či cieľ po prevode nezväčšuje malý rastrový obrázok.

8. Ponechajte si upraviteľný zdroj

Uložte pôvodné SVG vedľa PNG. SVG zachováva vektorové cesty a je vo všeobecnosti lepší pre neskoršie úpravy, prefarbovanie a zmenu veľkosti. PNG je pohodlná kópia s pevnou veľkosťou pre ciele, ktoré potrebujú rastrové obrázky. Ponechanie oboch vám umožňuje vytvoriť ďalšie PNG v inej veľkosti bez opakovaného škálovania už rastrizovaného obrázka.

Kedy by ste mali previesť SVG na PNG?

Prevod je užitočný, keď cieľ vyžaduje pixely namiesto vektorov. Ponechajte si SVG, keď ho cieľ podporuje a vy potrebujete škálovateľnú, upraviteľnú grafiku.

Služba prijíma PNG, ale odmieta SVG

Niektoré formuláre na nahranie, systémy obsahu a nástroje pre profilové obrázky prijímajú iba bežné rastrové formáty. PNG poskytuje týmto službám obrázok s pevnou veľkosťou a zároveň zachováva čisté okraje pri exporte v zodpovedajúcich rozmeroch.

E-mail alebo kancelársky dokument vykresľuje SVG nekonzistentne

E-mailoví klienti a kancelárske aplikácie nezpracovávajú vkladané SVG rovnakým spôsobom. PNG môže urobiť logo alebo diagram predvídateľnejším v takých kontextoch. Ponechajte si originál SVG, aby ste mohli grafiku neskôr aktualizovať.

Potrebujete snímku v určitom pixelovom meradle

PNG je užitočné, keď odovzdanie vyžaduje známy rastrový prvok. Zvoľte mierku na základe vykreslenej veľkosti SVG a špecifikácie príjmu a potom overte výsledné rozmery v prehliadači obrázkov.

Pracovný postup vyžaduje nahranie rastru

Niektoré formuláre, staršie editory a kanály na spracovanie obrazu prijímajú PNG, ale nie vektorové súbory. Preveďte kópiu pre tento pracovný postup; nenahrádzajte zdrojový vektor, ak sú pravdepodobné budúce úpravy.

Potrebujete priehľadnosť v rastrovej grafike

PNG môže zachovať priehľadné pixely, čo pomáha pri umiestnení loga alebo ikony na rôzne pozadia. Vyberte priehľadnú možnosť a potvrďte, že cieľ zachováva alfa priehľadnosť.

Pripravujete tlačový prvok

Preveďte až po kontrole pixelových rozmerov alebo rozlíšenia požadovaných tlačiarňou. Tento nástroj ponúka multiplikátory mierky namiesto ovládacích prvkov DPI a väčší PNG nemôže obnoviť chýbajúce detaily v SVG ani urobiť zdroj s nízkym rozlíšením presnejším.

Technické základy: Čo sa deje počas prevodu

Znalosť toho, ako sa vektorová geometria stáva rastrovým obrázkom, pomáha vysvetliť výstupnú veľkosť, priehľadnosť, kompatibilitu a bežné rozdiely v vykresľovaní.

SVG popisuje tvary; PNG ukladá pixely

SVG je vektorový formát založený na XML, ktorý popisuje cesty, tvary, text a ďalšie pokyny na kreslenie. PNG ukladá obdĺžnikovú mriežku pixelov. Rasterizácia SVG znamená kreslenie týchto vektorových pokynov na pixelovú mriežku vo zvolenej veľkosti; po exporte môže zväčšenie PNG odhaliť pixely, ktoré neboli vo vektorovom zdroji viditeľné.

Viewbox a výrez definujú oblasť kreslenia

SVG viewBox mapuje súradnicový systém na zobrazený výrez (viewport). Ak viewBox chýba, je nesprávny alebo väčší ako grafika, môže mať obrázok nečakané biele medzery alebo orezania. Skontrolujte rozmery SVG a viewBox v zdrojovom editore, keď je ohraničenie náhľadu nesprávne.

Mierka násobí každý rozmer

Ak prehliadač vykresľuje zdroj s W krát H pixelmi a zvolený faktor je S, cieľové plátno je W × S krát H × S. Výsledný počet pixelov je W × H × S². Preto vysoké multiplikátory môžu spotrebovať podstatne viac pamäte a preto by malo byť 8x zvolené iba vtedy, keď cieľ tieto extra pixely potrebuje.

Vykresľovanie plátna vykonáva prehliadač

Stránka načíta vybraný súbor SVG v prehliadači, vytvorí obrázok z jeho obsahu, nakreslí tento obrázok na plátno HTML a exportuje plátno ako PNG. Správanie pri vykresľovaní a maximálne rozmery plátna sa líšia podľa prehliadačov a zariadení. Veľmi veľké alebo zložité súbory SVG môžu trvať dlhšie alebo sa vykresliť nepodarí.

Priehľadnosť je uložená v alfa kanáli PNG

Keď je zvolené Priehľadné, plátno sa pred kreslením vymaže. Výstupný PNG môže zachovať priehľadnosť jednotlivých pixelov prostredníctvom svojho alfa kanála. Keď je zvolené Biele, konvertor najprv vykreslí biely obdĺžnik, takže priehľadné oblasti v zdroji sa v exportovanom obrázku stanú bielymi.

Kompresia PNG je bezztrátová, ale výstup sa napriek tomu môže líšiť

PNG používa bezztrátovú kompresiu pre pixely, ktoré prijíma; to neznamená, že vykresľovanie z vektora na pixel je v každom prostredí totožné. Vyhladzovanie (antialiasing), správa farieb, písma, filtre a vykresľovanie v prehliadači môžu ovplyvniť pixely vytvorené počas rasterizácie.

Písma, filtre a prepojené zdroje ovplyvňujú vykresľovanie

SVG môže odkazovať na písma alebo obrázky, ktoré nie sú v súbore vložené. Môže tiež používať filtre alebo funkcie, ktoré prehliadače implementujú odlišne. Pre spoľahlivý export vložte alebo preveďte dôležité písma na cesty, zahrňte požadované obrázky a porovnajte náhľad v prehliadači so zdrojom vo vektorovom editore.

Obmedzenia prehliadača a bezpečnosť SVG sú dôležité

Pamäť plátna rastie s počtom výstupných pixelov, takže veľké multiplikátory môžu vyčerpať dostupnú pamäť. Preveďte iba súbory SVG, ktorým dôverujete. Tento nástroj neodosiela vybraný zdroj na konverzný server, ale toto vyhlásenie nereviduje samotný SVG ani nezaručuje, že každá vložená externá referencia je inertná. Vyhnite sa nedôveryhodným súborom a pred prevodom odstráňte zbytočné skripty alebo vzdialené reference vo vektorovom editore.

Technické často kladené otázky · 1–5

Mení tento konvertor súbor SVG?

Nie. Číta vybraný SVG v prehliadači a vytvorí samostatné stiahnutie PNG. Váš pôvodný súbor zostáva na vašom zariadení; ponechajte si ho ako upraviteľný hlavný súbor.

Ako vypočítam výstupné rozmery?

Vynásobte šírku a výšku vykreslenú prehliadačom zvoleným faktorom. Napríklad 240 × 120 pri 2x sa stane 480 × 240 pixelov. Ak má SVG neobvyklú veľkosť alebo viewBox, overte náhľad a skontrolujte rozmery stiahnutého PNG.

Poskytuje 8x vždy lepšiu kvalitu?

Nie. Vytvára viac pixelov, nie viac vektorových detailov. Môže pomôcť, keď je vyžadovaný väčší raster, ale tiež zväčší počet pixelov na 64-násobok 1x a môže spotrebovať oveľa viac pamäte. Zvoľte najmenší faktor, ktorý spĺňa skutočnú cieľovú veľkosť.

Prečo má PNG prázdne okraje alebo orezanú grafiku?

SVG viewBox alebo výrez môžu obsahovať prebytočný priestor alebo orezat časti kresby. Otvorte zdroj vo vektorovom editore, upravte stránku alebo viewBox tak, aby zodpovedal grafike, uložte kópiu a túto kópiu preveďte znova.

Prečo môj text po prevode vyzerá inak?

Prehliadaču môže chýbať písmo použité v SVG, alebo súbor odkazuje na písmo, ktoré nie je vložené. Vložte písmo alebo preveďte text na cesty vo vektorovom editore, keď máte oprávnenie upravovať zdroj, a potom porovnajte výsledok.

Technické často kladené otázky · 6–10

Prečo chýba prepojený obrázok alebo filter?

SVG môže závisieť od externého obrázka, písma, filtra alebo funkcie, ktorá nie je k dispozícii alebo je prehliadačom spracovaná odlišne. Ak je to možné, vložte požadované obrázky a písma, zjednodušte nepodporované efekty a otestujte SVG v prehliadači pred prevodom.

Môžem urobiť pozadie priehľadným?

Áno. Pred prevodom vyberte Priehľadné. Nástroj vymaže plátno pred kreslením. Skontrolujte stiahnutý PNG v editore, ktorý zobrazuje priehľadnosť; niektoré prehliadače zobrazujú priehľadné pixely na bielom pozadí, čo ich môže robiť nepriehľadnými.

Môžem zadať presnú šírku, výšku alebo DPI?

Táto verzia ponúka multiplikátory 1x, 2x, 3x, 4x a 8x. Neobsahuje samostatné polia pre šírku a výšku ani nastavenie DPI. Ak potrebujete presné rozmery, použite najbližší násobok a potom zmeňte veľkosť kópie v grafickom editore.

Môžem previesť viac súborov SVG naraz?

Aktuálne rozhranie vyberá a prevádza jeden súbor SVG na operáciu. Preveďte každý súbor zvlášť a skontrolujte jeho výstup, než prejdete k ďalšiemu; dávkové spracovanie a sťahovanie ZIP sa tu neponúkajú.

Aké súbory sú akceptované?

Ovládací prvok na nahranie je zameraný na súbory SVG. Ak je súbor odmietnutý alebo sa vykreslenie nezdaří, overte, či ide o platné SVG a či sa otvára v aktuálnom prehliadači alebo vektorovom editore. Tento nástroj nie je všeobecným konvertorom formátov obrázkov.

Technické často kladené otázky · 11–15

Nahrávajú sa moje súbory SVG na váš server?

Konverzný kód číta vybraný súbor v prehliadači a neodosiela zdrojový súbor do konverzného API. To nezaručuje, že SVG neobsahuje externé odkazy; vyhhnite sa nedôveryhodným súborom a pred otvorením skontrolujte ich reference.

Prečo prevod pri veľmi veľkom súbore zlyhá?

Prehliadač musí prideliť plátno pre každý výstupný pixel. Veľký zdroj v kombinácii s vysokým multiplikátorom môže prekročiť pamäť zariadenia alebo limity plátna prehliadača. Vyskúšajte nižší faktor, zjednodušte SVG alebo ho exportujte pomocou grafickej aplikácie, ktorá podporuje väčšie plátna.

Bude PNG pri tlači ostrý?

To závisí od fyzickej veľkosti tlače a požadovaného rozlíšenia. Tento nástroj škáluje pixelové rozmery, ale nenastavuje tlačové DPI. Opýtajte sa tlačiarne na požadované pixelové rozmery alebo rozlíšenie a potom overte, či vygenerovaný PNG spĺňa tieto požiadavky.

Prečo sa farby alebo okraje medzi prehliadačmi líšia?

Prehliadače sa môžu líšiť v dostupnosti písem, vyhladzovaní, správe farieb a podpore funkcií SVG. Pre opakované exporty, keď záleží na konzistencii, použite vložený alebo prevezený text, štandardné funkcie SVG a rovnaký prehliadač.

Čo mám robiť, ak je náhľad prázdny?

Overte, že súbor obsahuje viditeľnú grafiku, má platnú značku SVG a používa viewBox a rozmery, ktoré obklopujú kresbu. Odstráňte nepodporované externé závislosti, otestujte súbor v prehliadači a pred zväčšením mierky to skúste znova pri 1x.