Utilia

SVG u PNG

Pretvori SVG u PNG, JPG ili WebP u pregledaču sa bilo kojom širinom, visinom, razmerom ili DPI-jem, uz providnu ili obojenu pozadinu. Bez otpremanja.

Ili nalepi SVG kod
Format
Pozadina

    Kako da pretvoriš SVG u PNG

    1. Prevuci jedan ili više SVG fajlova na polje za otpuštanje ili klikni na njega da ih izabereš. Možeš i da otvoriš Ili nalepi SVG kod, nalepiš kod i klikneš na Dodaj SVG kod.
    2. Izaberi Izlazna veličina: - Faktor razmere množi sopstvenu 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 obe dimenzije; - Rezolucija (DPI) iscrtava fizičke veličine kao što su 2in ili 50mm pri izabranom DPI-ju.
    3. Izaberi Format: PNG, JPG ili WebP. JPG i WebP imaju i klizač Kvalitet.
    4. U odeljku Pozadina zadrži Providna ili izaberi Boja i podesi Boja pozadine.
    5. Klikni na Pretvori u sliku. Svaki fajl dobija red sa pregledom, novom veličinom u pikselima i dugmetom Preuzmi. Preuzmi sve čuva fajlove jedan po jedan; Preuzmi ZIP ih stavlja u jednu arhivu.

    Kako se računa veličina

    SVG opisuje oblike, a ne piksele, pa može da se oštro nacrta u bilo kojoj veličini. Njegova „prirodna“ veličina potiče od atributa width i height korenskog elementa <svg>. Kada oni nedostaju, ovaj alat koristi viewBox (na primer viewBox="0 0 24 24" daje 24 × 24), što rade i pregledači. Ako SVG nema ni jedno ni drugo, vraća se na podrazumevanu vrednost pregledača 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 ikonica 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 postavlja se u sredinu sa prazninama, prema sopstvenom pravilu preserveAspectRatio iz SVG-a; nikada se ne razvlači osim ako to fajl ne traži.

    Pregledači ne mogu da naprave platno veće od oko 16,7 miliona piksela (na primer 4096 × 4096). Ako zatražiš više, veličina se smanjuje na najveću sliku koja staje, a poruka ti javlja konačnu veličinu.

    PNG, JPG ili WebP?

    • PNG je bez gubitaka i čuva providnost: najbolji izbor za ikonice, logotipe i dijagrame.
    • JPG nema providnost, pa se providni delovi popunjavaju bojom pozadine. Koristi ga za velike ilustracije kod kojih je veličina fajla važnija od oštrih ivica.
    • WebP čuva providnost i obično je manji od PNG-a; prikazuje ga svaki današnji pregledač.

    Bezbednost i ograničenja

    Tvoj SVG se nikada ne ubacuje u stranicu. Crta se sa privatne blob adrese kao obična slika, u režimu u kojem pregledači ne izvršavaju skripte niti učitavaju bilo šta drugo. Zbog toga se spoljne reference ne učitavaju: veb fontovi sa Google Fonts, slike povezane URL-om i spoljni CSS fajlovi se ignorišu, pa se tekst može pojaviti u podrazumevanom fontu. Da zadržiš tačan izgled, pretvori tekst u putanje u svom editoru ili ugradi slike kao data URI pre pretvaranja. Fontovi instalirani na tvom računaru ipak mogu da se koriste.

    Ništa se ne otprema: iscrtavanje i kodiranje odvijaju se u tvom pregledaču.

    Česta pitanja

    Kako da pretvorim SVG u PNG visoke rezolucije?

    Izaberi Faktor razmere i upiši 4 ili 8, ili izaberi Širina (visina se prilagođava) i upiši potrebnu širinu, na primer 2000. Pošto se SVG ponovo crta u toj veličini, a ne uvećava, ivice ostaju oštre.

    Mogu li da zadržim providnu pozadinu?

    Da. Zadrži Providna uz PNG ili WebP. Samo JPG traži punu boju, a alat te na to podseća kada ga izabereš.

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

    SVG verovatno koristi veb font učitan sa drugog sajta. Iz bezbednosnih razloga slike nacrtane na ovaj način ne mogu da preuzimaju spoljne fajlove. Pretvori tekst u konture u svom vektorskom editoru ili instaliraj font na računar.

    Mogu li da pretvorim više SVG fajlova odjednom?

    Da. Prevuci koliko god želiš; dele ista podešavanja veličine, formata i pozadine. Pomoću Preuzmi ZIP dobijaš sve u jednom fajlu.

    Koji DPI da koristim za štampu?

    300 DPI je uobičajen standard za štampu; 150 DPI često je dovoljan za velike postere koji se gledaju sa udaljenosti. Ekrani ne koriste DPI, pa za veb izaberi širinu u pikselima.