SVGtoPNG
Live

Profesionalni pretvarač SVG u PNG

Pretvorite SVG u PNG trenutno i besplatno. Uživajte u 100% privatnosti: vaše se datoteke obrađuju lokalno i nikada ne napuštaju vaš uređaj. Podignite svoje dizajne na višu razinu s naših pet prilagođenih množitelja konverzije (1x, 2x, 3x, 4x i 8x), dizajniranih za proširenje, optimiziranje i poboljšanje oštrine svake slike prema vašim točnim zahtjevima.

Povucite i ispustite svoju SVG datoteku ovdje ili pregledaj

Podržava čisti vektorski SVG kod (Scalable Vector Graphics)

Praktični vodič za pretvaranje SVG-a u PNG

Dobar izvoz počinje tamo gdje će se slika koristiti. Ovaj vodič objašnjava kako odabrati mjerilo, pripremiti vaš SVG i provjeriti PNG prije korištenja.

1. Počnite s odredištem

Prije pretvorbe provjerite dimenzije u pikselima koje traži web stranica, dokument, sustav e-pošte ili aplikacija za dizajn koja će primiti sliku. Ovaj alat skalira iscrtane dimenzije SVG-a pomoću odabranog množitelja; ne nudi prilagođena polja za širinu i visinu. Ako platforma zahtijeva širinu od 1200 piksela, usporedite taj cilj s prikazanom širinom SVG-a i odaberite množitelj koji je blizu bez stvaranja nepotrebno velike datoteke.

2. Shvatite faktore skaliranja

Mogućnosti su 1x, 2x, 3x, 4x i 8x. Množitelj utječe i na širinu i na visinu: izvornik dimenzija 200 × 100 prikazan pri 2x postaje 400 × 200 piksela. Broj piksela raste s kvadratom množitelja, tako da 8x proizvodi 64 puta više piksela nego 1x. Veći izlaz može trošiti znatno više memorije i možda neće izgledati bolje kada originalna grafika ili ciljni zaslon to ne trebaju.

3. Odaberite faktor za zaslone

Za standardnu grafiku sučelja, 1x ili 2x često je praktična polazna točka; 2x može pomoći na zaslonima visoke gustoće kada ciljni izgled smanjuje sliku. Odaberite 3x ili 4x samo kada dizajn treba dodatne dimenzije u pikselima. Koristite 8x selektivno jer vrlo velika platna mogu duže trajati za iscrtavanje ili premašiti ograničenja preglednika.

4. Odlučite treba li pozadina biti prozirna

Odaberite Prozirno kada PNG mora stajati preko obojene stranice, prezentacije ili druge slike. Odaberite Bijelo kada odredište očekuje bijeli pravokutnik ili kada puna pozadina olakšava pregled grafike. PNG podržava prozirnost, ali ciljna aplikacija može prikazati prozirne piksele preko šahovnice ili ih spljoštiti prilikom umetanja slike.

5. Pripremite SVG prije izvoza

Otvorite izvornik u vektorskom uređivaču i provjerite ima li smisleni viewBox i vidljivu grafiku unutar tog viewBoxa. Pretvorite ili ugradite fontove ako dizajn mora izgledati identično na uređajima koji nemaju te fontove. Održavajte povezane slike i vanjske resurse dostupnima; ovaj pretvarač u pregledniku možda neće iscrtati udaljene fontove, povezane slike, skripte ili druge vanjske ovisnosti iz SVG datoteke.

6. Pretvorite i pregledajte rezultat

Odaberite jednu SVG datoteku, odaberite mjerilo i pozadinu, a zatim je pretvorite. Provjerite je li cijeli crtež vidljiv, ostaju li tekst i tanke linije čitljivi te ima li pregled očekivanu pozadinu. Ako je rezultat izrezan, provjerite SVG viewBox i dimenzije u izvornoj datoteci. Pretvarač obrađuje jednu po jednu datoteku i nudi preuzimanje PNG-a za tu datoteku.

7. Provjerite piksele i veličinu datoteke

Koristite PNG u namjeravanom kontekstu i pregledajte ga u veličini u kojoj će se zapravo prikazati. Velika dimenzija u pikselima ne poboljšava automatski malu ikonu na zaslonu. Ako je PNG prevelik, vratite se na SVG i izvezite s nižim faktorom. Ako izgleda mutno, potvrdite da odredište ne uvećava malu rastersku sliku nakon pretvorbe.

8. Zadržite izvornik koji se može uređivati

Spremite izvorni SVG pored PNG-a. SVG čuva vektorske putove i obično je bolji za kasnija uređivanja, promjenu boja i promjenu veličine. PNG je praktična kopija fiksne veličine za odredišta koja trebaju rasterske slike. Zadržavanje oba omogućuje vam stvaranje drugog PNG-a u drugoj veličini bez višekratnog skaliranja već rasterizirane slike.

Kada biste trebali pretvoriti SVG u PNG?

Pretvorba je korisna kada odredište treba piksele umjesto vektora. Zadržite SVG kada odredište podržava taj format i kada trebate skalabilnu, ugradivu grafiku.

Usluga prihvaća PNG, ali odbija SVG

Neki obrasci za prijenos, sustavi sadržaja i alati za slike profila prihvaćaju samo uobičajene rasterske formate. PNG pruža tim uslugama sliku fiksne veličine uz očuvanje čistih rubova kada se izvozi u odgovarajućim dimenzijama.

E-pošta ili uredski dokument nedosljedno prikazuju SVG

Klijenti e-pošte i uredske aplikacije ne rukuju svi ugrađenim SVG-om na isti način. PNG može učiniti logotip ili dijagram predvidljivijim u takvim kontekstima. Zadržite izvorni SVG kako biste kasnije mogli ažurirati grafiku.

Trebate snimku u određenom omjeru piksela

PNG je koristan kada isporuka zahtijeva poznati rasterski resurs. Odaberite mjerilo na temelju prikazane veličine SVG-a i specifikacije primatelja, a zatim provjerite rezultirajuće dimenzije u pregledniku slika.

Tijek rada zahtijeva rasterski prijenos

Neki obrasci, stariji uređivači i cjevovodi za obradu slika prihvaćaju PNG, ali ne i vektorske datoteke. Pretvorite kopiju za taj tijek rada; nemojte zamijeniti izvorni vektor ako su vjerojatna buduća uređivanja.

Trebate prozirnost u rasterskoj grafici

PNG može očuvati prozirne piksele, što pomaže pri postavljanju logotipa ili ikone preko različitih pozadina. Odaberite prozirnu opciju i potvrdite da odredište čuva alfa prozirnost.

Pripremate resurs za ispis

Pretvorite tek nakon provjere dimenzija u pikselima ili rezolucije koju zahtijeva pisač. Ovaj alat nudi množitelje mjerila umjesto DPI kontrola, a veći PNG ne može vratiti nedostajuće detalje u SVG-u niti učiniti izvor niske rezolucije preciznijim.

Tehničke osnove: Što se događa tijekom pretvorbe

Poznavanje načina na koji vektorska geometrija postaje rasterska slika pomaže objasniti izlaznu veličinu, prozirnost, kompatibilnost i uobičajene razlike u prikazu.

SVG opisuje oblike; PNG pohranjuje piksele

SVG je vektorski format temeljen na XML-u koji opisuje putove, oblike, tekst i druge upute za crtanje. PNG pohranjuje pravokutnu mrežu piksela. Rasterizacija SVG-a znači iscrtavanje tih vektorskih uputa na mrežu piksela u odabranoj veličini; nakon izvoza, povećanje PNG-a može otkriti piksele koji nisu bili vidljivi u vektorskom izvoru.

Viewbox i prozor definiraju područje crtanja

SVG viewBox preslikava koordinatni sustav na prikazani prozor (viewport). Ako viewBox nedostaje, netočan je ili veći od grafike, slika može imati neočekivane bijele prostore ili odrezivanja. Provjerite dimenzije SVG-a i viewBox u izvornom uređivaču kada je kadriranje pregleda netočno.

Skaliranje množi svaku dimenziju

Ako preglednik prikazuje izvor u W puta H piksela, a odabrani faktor je S, cilj platna je W × S puta H × S. Rezultirajući broj piksela je W × H × S². Zato visoki množitelji mogu trošiti znatno više memorije i zato 8x treba birati samo kada odredište treba dodatne piksele.

Iscrtavanje platna vrši preglednik

Stranica čita odabranu SVG datoteku u pregledniku, stvara sliku iz njezinog sadržaja, iscrtava tu sliku na HTML platno i izvozi platno kao PNG. Ponašanje pri iscrtavanju i maksimalne dimenzije platna razlikuju se među preglednicima i uređajima. Vrlo velike ili složene SVG datoteke mogu duže trajati za iscrtavanje ili ne uspjeti.

Prozirnost se pohranjuje u alfa kanalu PNG-a

Kada je odabrano Prozirno, platno se čisti prije crtanja. Izlazni PNG može zadržati prozirnost po pikselu putem svog alfa kanala. Kada je odabrano Bijelo, pretvarač prvo iscrtava bijeli pravokutnik tako da prozirna područja u izvoru postanu bijela u izvezenoj slici.

PNG kompresija je bez gubitaka, ali izlaz se ipak može razlikovati

PNG koristi kompresiju bez gubitaka za piksele koje primidadesno; to ne znači da je iscrtavanje vektora u piksel identično u svakom okruženju. Zaglađivanje rubova (antialiasing), upravljanje bojama, fontovi, filtarska obrada i prikaz u pregledniku mogu utjecati na piksele proizvedene tijekom rasterizacije.

Fontovi, filtri i povezani resursi utječu na prikaz

SVG se može pozivati na fontove ili slike koje nisu ugrađene u datoteku. Također može koristiti filtre ili značajke koje preglednici različito implementiraju. Za pouzdan izvoz ugradite ili pretvorite važne fontove u putove, uključite potrebne slike i usporedite pregled u pregledniku s izvorom u vektorskom uređivaču.

Ograničenja preglednika i sigurnost SVG-a su važni

Memorija platna raste s brojem izlaznih piksela, pa veliki množitelji mogu iscrpiti dostupnu memoriju. Pretvorite samo SVG datoteke kojima vjerujete. Ovaj alat ne šalje odabrani izvor na poslužitelj za pretvorbu, ali ta izjava ne revidira sam SVG niti jamči da je svaka ugrađena vanjska referenca inertna. Izbjegavajte nepouzdanim datotekama i uklonite nepotrebne skripte ili udaljene reference u vektorskom uređivaču prije pretvorbe.

Tehnička česta pitanja · 1–5

Mijenja li ovaj pretvarač SVG datoteku?

Ne. On čita odabrani SVG u pregledniku i stvara zasebno preuzimanje PNG-a. Vaša izvorna datoteka ostaje na vašem uređaju; čuvajte je kao glavni predložak koji se može uređivati.

Kako izračunati izlazne dimenzije?

Pomnožite širinu i visinu koje je prikazao preglednik s odabranim faktorom. Na primjer, 240 × 120 pri 2x postaje 480 × 240 piksela. Ako SVG ima neuobičajenu veličinu ili viewBox, provjerite pregled i dimenzije preuzetog PNG-a.

Pruža li 8x uvijek bolju kvalitetu?

Ne. Stvara više piksela, a ne više vektorskih detalja. Može pomoći kada je potreban veći raster, ali također povećava broj piksela na 64 puta u odnosu na 1x i može potrošiti puno više memorije. Odaberite najmanji faktor koji zadovoljava stvarnu ciljnu veličinu.

Zašto PNG ima prazne margine ili izrezanu grafiku?

SVG viewBox ili prozor mogu sadržavati višak prostora ili odrezati dijelove crteža. Otvorite izvornik u vektorskom uređivaču, prilagodite stranicu ili viewBox da odgovaraju grafici, spremite kopiju i ponovno pretvorite tu kopiju.

Zašto moj tekst izgleda drugačije nakon pretvorbe?

Pregledniku možda nedostaje font koji koristi SVG, ili se datoteka poziva na font koji nije ugrađen. Ugradite font ili pretvorite tekst u putove u vektorskom uređivaču kada vam je dopušteno mijenjati izvor, a zatim usporedite rezultat.

Tehnička česta pitanja · 6–10

Zašto nedostaje povezana slika ili filtar?

SVG može ovisiti o vanjskoj slici, fontu, filtru ili značajki koja nije dostupna ili s kojom preglednik drugačije postupa. Ugradite potrebne slike i fontove gdje god je to moguće, pojednostavite nepodržane efekte i testirajte SVG u pregledniku prije pretvorbe.

Mogu li učiniti pozadinu prozirnom?

Da. Odaberite Prozirno prije pretvorbe. Alat čisti platno prije crtanja. Provjerite preuzeti PNG u uređivaču koji prikazuje prozirnost; neki preglednici prikazuju prozirne piksele preko bijele boje, što ih može učiniti neprozirnima.

Mogu li unijeti točnu širinu, visinu ili DPI?

Ova verzija nudi množitelje 1x, 2x, 3x, 4x i 8x. Ne nudi neovisna polja za širinu i visinu niti postavku DPI-ja. Ako trebate točne dimenzije, upotrijebite najbliži množitelj i zatim promijenite veličinu kopije u grafičkom uređivaču.

Mogu li pretvoriti više SVG datoteka odjednom?

Trenutačno sučelje odabire i pretvara jednu SVG datoteku po operaciji. Pretvorite svaku datoteku zasebno i provjerite njezin izlaz prije nego što pređete na sljedeću; skupna obrada i preuzimanja u ZIP-u ovdje se ne nude.

Koje su datoteke prihvaćene?

Kontrola prijenosa usmjerena je na SVG datoteke. Ako je datoteka odbijena ili iscrtavanje ne uspije, potvrdite da je to valjani SVG i da se otvara u aktualnom pregledniku ili vektorskom uređivaču. Ovaj alat nije opći pretvarač formata slika.

Tehnička česta pitanja · 11–15

Jesu li moje SVG datoteke učitane na vaš poslužitelj?

Kod za pretvorbu čita odabranu datoteku u pregledniku i ne šalje izvornu datoteku na API za pretvorbu. To ne jamči da SVG ne sadrži vanjske poveznice; izbjegavajte nepouzdane datoteke i pregledajte njihove reference prije otvaranja.

Zašto pretvorba ne uspijeva za vrlo veliku datoteku?

Preglednik mora dodijeliti platno za svaki izlazni piksel. Veliki izvor u kombinaciji s visokim množiteljem može premašiti memoriju uređaja ili ograničenja platna preglednika. Pokušajte s nižim faktorom, pojednostavite SVG ili ga izvezite pomoću grafičke aplikacije koja podržava veća platna.

Hoće li PNG izgledati oštro pri ispisu?

To ovisi o fizičkoj veličini ispisa i potrebnoj rezoluciji. Ovaj alat skalira dimenzije u pikselima, ali ne postavlja DPI ispisa. Pitajte tiskaru za potrebne dimenzije u pikselima ili rezoluciju, a zatim provjerite zadovoljava li generirani PNG te zahtjeve.

Zašto se boje ili rubovi razlikuju među preglednicima?

Preglednici se mogu razlikovati u dostupnosti fontova, zaglađivanju rubova, upravljanju bojama i podršci za SVG značajke. Koristite ugrađeni ili pretvoreni tekst, standardne SVG značajke i isti preglednik za višekratne izvoze kada je dosljednost važna.

Što trebam učiniti ako je pregled prazan?

Potvrdite da datoteka sadrži vidljivu grafiku, ima valjanu SVG oznaku te koristi viewBox i dimenzije koje obuhvaćaju crtež. Uklonite nepodržane vanjske ovisnosti, testirajte datoteku u pregledniku i pokušajte ponovno na 1x prije povećanja mjerila.