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.