SVG u PNG Konverter
Pretvorite vektorske SVG datoteke u visokokvalitetne rasterske PNG slike. Jednostavno prilagodite izlaznu ljestvicu i boju pozadine u svom pregledniku.
Povucite i ispustite SVG ovdje
Podržava do 50 MB
Pretvorite vektorske SVG datoteke u visokokvalitetne rasterske PNG slike. Jednostavno prilagodite izlaznu ljestvicu i boju pozadine u svom pregledniku.
Podržava do 50 MB
SVG (Scalable Vector Graphics) opisuje slike kao skup geometrijskih primitiva — putanje, oblike, tekst, gradijente — koji se skaliraju na bilo koju veličinu bez gubitka kvalitete. PNG pohranjuje jednu pravokutnu mrežu piksela u fiksnoj razlučivosti. Pretvaranje SVG-a u PNG korak je rasterizacije: upute za crtanje SVG-a procjenjuju se u odabranoj veličini piksela, a rezultirajuća bitmapa kodira se kao PNG. Ispis izgleda jasno u veličini koju ste naveli, ali pikselizira ako se poveća.
Ovaj pretvarač prikazuje SVG koristeći SVG mehanizam ugrađen u preglednik. SVG se učitava u element slike, iscrtava na HTML5 platno u odabranim izlaznim dimenzijama i izvozi kao PNG putem canvas.toBlob. Budući da preglednik radi rasterizaciju, složene SVG značajke — gradijenti, filtri, maske, animacije kao statični okvir — prikazuju se na isti način kao na stvarnoj web stranici.
Najvažnija odluka u pretvorbi SVG-a u PNG je ciljana veličina. SVG je neovisan o razlučivosti, tako da se odabirom veličine PNG-a koja odgovara stvarnoj upotrebi izbjegava prekomjerno dodjeljivanje (ogromne datoteke za ikone veličine minijatura) i premalo davanje (mutni ispis kada se kasnije poveća). Uobičajeni ciljevi: 32 × 32 ili 64 × 64 za ikone, 256 × 256 ili 512 × 512 za logotipe, 1024 × 1024 za herojske grafike, 2048 × 2048 za materijale kvalitete mrežnice.
SVG je prekrasan za web i moderne alate za dizajn, ali je užasan za mnoge druge kontekste. Klijenti e-pošte prikazuju SVG nedosljedno; neki ga blokiraju kao sigurnosni rizik. Stariji uredski softver, određeni CMS-ovi, usluge trećih strana i gotovo svi kanali ispisa fotografija uopće ne prihvaćaju SVG. Pretvaranjem u PNG dobiva se univerzalno prihvaćen raster koji izgleda identično u odabranoj veličini.
PNG se također pouzdano ugrađuje u uredske dokumente, dijapozitive i PDF-ove bez ovisnosti o primateljevom SVG rendereru. Za logotipe i grafiku koji se moraju dosljedno pojavljivati na mnogim platformama, PNG je sigurniji izbor — iako gubi neovisnost o razlučivosti koja SVG čini atraktivnim na prvom mjestu.
Odaberite ciljnu veličinu, renderirajte. Preglednik radi rasterizaciju.
SVG (W3C Recommendation) je vektorski format temeljen na XML-u s elementima za staze, osnovne oblike (pravocrt, krug, elipsa, linija, poligon, polilinija), tekst, gradijente (linearniGradient, radijalniGradient), filtre, maske i putanje isječaka. Preglednik analizira XML, gradi DOM, primjenjuje CSS i rasterizira rezultat tijekom renderiranja stranice.
Ovaj pretvarač učitava SVG u HTMLImageElement (koji pokreće uobičajeni put renderiranja SVG-a kao slike u pregledniku), zatim ga crta na platnu putem drawImage-a. Platno se izvozi kao PNG pomoću canvas.toBlob('image/png'). Točni pikseli u izlazu odgovaraju onome što bi SVG prikazao u istoj veličini na kartici preglednika.
Rubni slučajevi: SVG koji koristi ForeignObject nije uvijek podržan kada se koristi putem elementa slike. SVG koji upućuje na vanjske resurse (xlink:href na drugu domenu) možda se neće moći učitati zbog CORS-a. SMIL animacije i animacije vođene JavaScriptom prikazuju se samo kao početni okvir.