Utilia

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
Format
Pozadina

    Kako pretvoriti SVG u PNG

    1. 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.
    2. 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 2in ili 50mm pri odabranom DPI-ju.
    3. Odaberi Format: PNG, JPG ili WebP. JPG i WebP imaju i klizač Kvalitet.
    4. Pod Pozadina zadrži Prozirna ili odaberi Boja i postavi Boju pozadine.
    5. 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.