Pretvarač SVG-a u PNG
Pretvori SVG u PNG, JPG ili WebP u pregledniku u bilo kojoj širini, visini, skali ili DPI-ju, s prozirnom ili obojenom pozadinom. Grupno i ZIP, bez slanja.
Ili zalijepi SVG kod
JPG nema prozirnost: koristi se boja pozadine.
Kako pretvoriti SVG u PNG
- Prevuci jednu ili više SVG datoteka na polje za unos ili klikni na njega da ih odabereš. Možeš i otvoriti Ili zalijepi SVG kod, zalijepiti kod i kliknuti Dodaj SVG kod.
- Odaberi Izlaznu veličinu:
- Faktor skaliranja množi vlastitu veličinu SVG-a (2 daje sliku dvostruko širu i dvostruko višu);
- Širina (visina se prilagođava) ili Visina (širina se prilagođava) zadržava proporcije;
- Tačna širina i visina nameće obje dimenzije;
- Rezolucija (DPI) crta fizičke veličine poput
2inili50mmpri odabranom DPI-ju. - Odaberi Format: PNG, JPG ili WebP. JPG i WebP imaju i klizač Kvalitet.
- Pod Pozadina zadrži Prozirna ili odaberi Boja i postavi Boju pozadine.
- Klikni Pretvori u sliku. Svaka datoteka dobije red s pregledom, novom veličinom u pikselima i dugmetom Preuzmi. Preuzmi sve sprema datoteke jednu po jednu; Preuzmi ZIP ih stavlja u jednu arhivu.
Kako se računa veličina
SVG opisuje oblike, a ne piksele, pa se može oštro nacrtati u bilo kojoj veličini. Njegova „prirodna“ veličina dolazi iz atributa width i height korijenskog elementa <svg>. Kada ih nema, ovaj alat koristi viewBox (na primjer viewBox="0 0 24 24" daje 24 × 24), kao što rade preglednici. Ako SVG nema ni jedno ni drugo, koristi se zadana vrijednost preglednika od 300 × 150.
Dužine u fizičkim jedinicama pretvaraju se CSS pravilom od 96 piksela po inču: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Zato DPI (96 = originalna veličina) kaže 96: pri 300 DPI ikona deklarisana kao width="1in" postaje široka 300 piksela, što štamparija i očekuje.
Uz Tačna širina i visina crtež čije se proporcije razlikuju od okvira centrira se s prazninama oko njega, prema pravilu preserveAspectRatio samog SVG-a; nikada se ne razvlači osim ako to datoteka traži.
Preglednici ne mogu napraviti platno veće od oko 16,7 miliona piksela (na primjer 4096 × 4096). Ako zatražiš više, veličina se smanjuje na najveću sliku koja stane, a poruka ti javlja konačnu veličinu.
PNG, JPG ili WebP?
- PNG je bez gubitaka i zadržava prozirnost: najbolji izbor za ikone, logotipe i dijagrame.
- JPG nema prozirnost, pa se prozirna područja popunjavaju bojom pozadine. Koristi ga za velike ilustracije kod kojih je veličina datoteke važnija od oštrih ivica.
- WebP zadržava prozirnost i obično je manji od PNG-a; prikazuju ga svi današnji preglednici.
Sigurnost i ograničenja
Tvoj SVG se nikada ne umeće u stranicu. Crta se s privatne blob adrese kao obična slika, u načinu u kojem preglednici ne izvršavaju skripte niti učitavaju išta drugo. Zbog toga se vanjske reference ne učitavaju: web fontovi s Google Fontsa, slike povezane URL-om i vanjske CSS datoteke se zanemaruju, pa se tekst može pojaviti zadanim fontom. Da zadržiš tačan izgled, pretvori tekst u putanje u svom uređivaču ili ugradi slike kao data URI prije pretvaranja. Fontovi instalirani na tvom računaru i dalje se mogu koristiti.
Ništa se ne šalje na server: crtanje i kodiranje odvijaju se u tvom pregledniku.
Česta pitanja
Kako pretvoriti SVG u PNG visoke rezolucije?
Odaberi Faktor skaliranja i unesi 4 ili 8, ili odaberi Širina (visina se prilagođava) i upiši širinu koja ti treba, na primjer 2000. Pošto se SVG iznova crta u toj veličini, a ne uvećava, ivice ostaju oštre.
Mogu li zadržati prozirnu pozadinu?
Da. Zadrži Prozirna uz PNG ili WebP. Samo JPG traži punu boju, a alat te na to podsjeti kada ga odabereš.
Zašto tekst izgleda drugačije nakon pretvaranja?
SVG vjerovatno koristi web font učitan s druge stranice. Iz sigurnosnih razloga slike nacrtane na ovaj način ne mogu preuzimati vanjske datoteke. Pretvori tekst u konture u svom vektorskom uređivaču ili instaliraj font na svoj računar.
Mogu li pretvoriti više SVG datoteka odjednom?
Da. Ubaci koliko god želiš; dijele iste postavke veličine, formata i pozadine. Pomoću Preuzmi ZIP dobiješ ih sve u jednoj datoteci.
Koji DPI koristiti za štampu?
300 DPI je uobičajen standard za štampu; 150 DPI je često dovoljan za velike postere koji se gledaju izdaleka. Ekrani ne koriste DPI, pa za web odaberi širinu u pikselima.
Srodni alati
- Pretvarač slike u SVG (vektorizacija) Pretvori PNG ili JPG logotip ili crtež u SVG vektorske putanje u pregledniku. Predlošci, broj boja i filter mrlja, siguran pregled i preuzimanje, bez slanja.
- Pretvarač formata slika Pretvaraj slike između formata PNG, JPG, WebP, BMP i ICO u pregledniku. Grupno pretvaranje, veličine za favicon i prozirnost, bez slanja na server.
- Promjena veličine slike Promijeni veličinu JPG, PNG i WebP slika u pikselima ili postocima, zadrži omjer stranica i obradi više fotografija odjednom, direktno u pregledniku.
- Generator favicona Napravi favicon.ico, PNG ikone, apple-touch-icon i site.webmanifest iz jedne slike ili emojija, sa HTML oznakama spremnim za lijepljenje. ZIP, bez slanja.