SVG u PNG

Kako pretvoriti SVG u PNG

1. Povuci jednu ili više SVG datoteka na zonu za ispuštanje ili klikni na nju za odabir. Možeš i otvoriti Ili zalijepi SVG kôd, zalijepiti kôd i kliknuti Dodaj SVG kôd.
2. Odaberi Izlazna veličina: - 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) čuva proporcije; - Točna širina i visina nameće obje dimenzije; - Razlučivost (DPI) iscrtava 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č Kvaliteta.
4. Pod Pozadina zadrži Prozirna ili odaberi Boja i postavi Boja pozadine.
5. Klikni Pretvori u sliku. Svaka datoteka dobiva redak s pregledom, novom veličinom u pikselima i gumbom Preuzmi. Preuzmi sve sprema datoteke jednu po jednu; Preuzmi ZIP stavlja ih u jednu arhivu.

Kako se računa veličina

SVG opisuje oblike, a ne piksele, pa se može oštro iscrtati u bilo kojoj veličini. Njegova „prirodna“ veličina dolazi iz atributa width i height korijenskog elementa <svg>. Kad ih nema, ovaj alat koristi viewBox (na primjer viewBox="0 0 24 24" daje 24 × 24), kao i preglednici. Ako SVG nema ništa od toga, vraća se na zadanu vrijednost preglednika od 300 × 150.

Duljine 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 = izvorna veličina) kaže 96: pri 300 DPI ikona deklarirana kao width="1in" postaje široka 300 piksela, što očekuje svaka tiskara.

Uz Točna širina i visina crtež čije se proporcije razlikuju od okvira centrira se i uklapa uz trake, prema SVG-ovu vlastitom pravilu preserveAspectRatio; nikada se ne razvlači osim ako to datoteka traži.

Preglednici ne mogu izraditi platno veće od oko 16,7 milijuna 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 čuva prozirnost: najbolji izbor za ikone, logotipe i dijagrame.
• JPG nema prozirnost, pa se prozirna područja ispunjavaju bojom pozadine. Koristi ga za velike ilustracije kod kojih je veličina datoteke važnija od oštrih rubova.
• WebP čuva prozirnost i obično je manji od PNG-a; prikazuje ga svaki današnji preglednik.

Sigurnost i ograničenja

Tvoj SVG nikada se ne umeće u stranicu. Iscrtava 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 Fonts, slike povezane URL-om i vanjske CSS datoteke se zanemaruju, pa se tekst može pojaviti zadanim fontom. Da zadržiš točan izgled, prije pretvaranja pretvori tekst u putanje u svom uređivaču ili ugradi slike kao data URI. Fontovi instalirani na tvom računalu i dalje se mogu koristiti.

Ništa se ne šalje na poslužitelj: iscrtavanje i kodiranje odvijaju se u tvom pregledniku.