Dobar izvoz počinje tamo gde će se slika koristiti. Ovaj vodič objašnjava kako da izaberete razmeru, pripremite svoj SVG i proverite PNG pre upotrebe.
1. Počnite od odredišta
Pre konverzije proverite dimenzije u pikselima koje zahteva veb-sajt, dokument, sistem e-pošte ili aplikacija za dizajn koja će primiti sliku. Ovaj alat skalira prikazane dimenzije SVG-a pomoću izabranog množioca; ne nudi prilagođena polja za širinu i visinu. Ako platforma zahteva širinu od 1200 piksela, uporedite taj cilj sa prikazanom širinom SVG-a i izaberite množilac koji je blizu bez stvaranja nepotrebno velike datoteke.
2. Razumete faktore skaliranja
Mogućnosti su 1x, 2x, 3x, 4x i 8x. Množilac utiče i na širinu i na visinu: izvor od 200 × 100 prikazan pri 2x postaje 400 × 200 piksela. Broj piksela raste sa kvadratom množioca, 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 ekran to ne zahtevaju.
3. Izaberite faktor za ekrane
Za standardnu grafiku interfejsa, 1x ili 2x je često praktična početna tačka; 2x može pomoći na ekranima visoke gustine kada ciljni izgled smanjuje sliku. Izaberite 3x ili 4x samo kada dizajn zahteva dodatne dimenzije u pikselima. Koristite 8x selektivno jer veoma velika platna mogu zahtevati više vremena za prikazivanje ili prekoračiti ograničenja pregledača.
4. Odlučite da li pozadina treba da bude providna
Izaberite Providno kada PNG mora stajati preko obojene stranice, prezentacije ili druge slike. Izaberite Belo kada odredište očekuje beli pravougaonik ili kada čvrsta pozadina olakšava pregled grafike. PNG podržava providnost, ali ciljna aplikacija može prikazati providne piksele preko šahovnice ili ih poravnati prilikom umetanja slike.
5. Pripremite SVG pre izvoza
Otvorite izvor u vektorskom uredniku i proverite da li ima smislen viewBox i vidljivu grafiku unutar tog viewBox-a. Konvertujte ili ugradite fontove ako dizajn mora izgledati identično na uređajima koji nemaju te fontove. Održavajte povezane slike i spoljne resurse dostupnim; ovaj konverter u pregledaču možda neće prikazati udaljene fontove, povezane slike, skripte ili druge spoljne zavisnosti iz SVG datoteke.
6. Konvertujte i pregledajte rezultat
Izaberite jednu SVG datoteku, izaberite razmeru i pozadinu, a zatim je konvertujte. Proverite da li je ceo crtež vidljiv, da li tekst i fine linije ostaju čitljivi i da li pregled ima očekivanu pozadinu. Ako je rezultat odsečen, proverite SVG viewBox i dimenzije u originalnoj datoteci. Konverter obrađuje jednu po jednu datoteku i nudi preuzimanje PNG-a za tu datoteku.
7. Proverite piksele i veličinu datoteke
Koristite PNG u predviđenom kontekstu i pregledajte ga u veličini u kojoj će se zapravo prikazati. Velika dimenzija u pikselima ne poboljšava automatski malu ikonu na ekranu. Ako je PNG prevelik, vratite se na SVG i izvezite sa nižim faktorom. Ako izgleda mutno, potvrdite da odredište ne uvećava malu rastersku sliku nakon konverzije.
8. Zadržite izvor koji se može uređivati
Sačuvajte originalni SVG pored PNG-a. SVG čuva vektorske putanje i obično je bolji za kasnija uređivanja, promenu boja i promenu veličine. PNG je praktična kopija fiksne veličine za odredišta kojima su potrebne rasterske slike. Zadržavanje oba omogućava vam da kreirate drugi PNG u drugoj veličini bez višekratnog skaliranja već rasterizovane slike.