Dober izvoz se začne tam, kjer se bo slika uporabljala. Ta vodič pojasnjuje, kako izbrati merilo, pripraviti datoteko SVG in preveriti PNG pred uporabo.
1. Začnite s ciljem
Pred pretvorbo preverite dimenzije v slikovnih pikah, ki jih zahteva spletno mesto, dokument, e-poštni sistem ali aplikacija za oblikovanje, ki bo prejela sliko. To orodje prilagodi izrisane dimenzije SVG z izbranim večnikom; ne ponuja polj po meri za širino in višino. Če platforma zahteva širino 1200 slikovnih pik, primerjajte ta cilj s prikazano širino SVG in izberite večnik, ki se ji približa, ne da bi ustvarili po nepotrebnem veliko datoteko.
2. Razumejte dejavnike merila
Možnosti so 1x, 2x, 3x, 4x in 8x. Večnik vpliva tako na širino kot na višino: vir 200 × 100, izrisan pri 2x, postane 400 × 200 slikovnih pik. Število slikovnih pik narašča s kvadratom večnika, zato 8x proizvede 64-krat več slikovnih pik kot 1x. Večji izhod lahko porabi bistveno več pomnilnika in morda ne izgleda bolje, ko izvirna grafika ali ciljni zaslon tega ne potrebujeta.
3. Izberite dejavnik za zaslone
Za standardno grafiko vmesnika je 1x ali 2x pogosto praktično izhodišče; 2x lahko pomaga na zaslonih z visoko gostoto, ko ciljna postavitev pomanjša sliko. Izberite 3x ali 4x samo takrat, ko dizajn potrebuje dodatne dimenzije slikovnih pik. Uporabite 8x selektivno, ker lahko zelo velika platna potrebujejo več časa za izris ali presežejo omejitve brskalnika.
4. Odločite se, ali naj bo ozadje prosojno
Izberite Prosojno, ko mora PNG stati nad obarvano stranjo, predstavitvijo ali drugo sliko. Izberite Belo, ko cilj pričakuje beli pravokotnik ali ko enotno ozadje olajša pregled grafike. PNG podpira prosojnost, vendar lahko ciljna aplikacija prikaže prosojne slikovne pike prek šahovnice ali jih splošči ob vstavljanju slike.
5. Pripravite SVG pred izvozom
Odprite vir v vektorskem urejevalniku in preverite, ali ima smiseln viewBox in vidno grafiko znotraj tega viewBoxa. Pretvorite ali vdelajte pisave, če mora dizajn izgledati enako na napravah, ki nimajo teh pisav. Ohranjajte povezane slike in zunanje vire dostopne; ta pretvornik v brskalniku morda ne bo izrisal oddaljenih pisav, povezanih slik, skript ali drugih zunanjih odvisnosti iz datoteke SVG.
6. Pretvorite in preverite predogled
Izberite eno datoteko SVG, izberite merilo in ozadje ter jo nato pretvorite. Preverite, ali je celotna risba vidna, ali besedilo in fine linije ostanejo berljivi ter ali ima predogled pričakovano ozadje. Če je rezultat obrezan, preverite SVG viewBox in dimenzije v izvirni datoteki. Pretvornik obdeluje eno datoteko naenkrat in ponuja prenos PNG za to datoteko.
7. Preverite slikovne pike in velikost datoteke
Uporabite PNG v predvidenem kontekstu in ga preverite v velikosti, v kateri se bo dejansko prikazal. Velika dimenzija v slikovnih pikah samodejno ne izboljša majhne ikone na zaslonu. Če je PNG prevelik, se vrnite na SVG in izvozite z nižjim faktorjem. Če je viden mehak, potrdite, da cilj po pretvorbi ne povečuje majhne rastrske slike.
8. Obdržite urejateľni vir
Shranite izvirni SVG poleg PNG-ja. SVG ohranja vektorske poti in je na splošno boljši za poznejša urejanja, prebarvanja in spreminjanje velikosti. PNG je priročna kopija s fiksno velikostjo za cilje, ki potrebujejo rastrske slike. Ohranitev obeh vam omogoča ustvarjanje drugega PNG-ja v drugačni velikosti brez večkratnega spreminjanja merila že rastrirane slike.