Hea eksport algab kohast, kus pilti kasutatakse. See juhend selgitab, kuidas valida skaala, valmistada ette oma SVG ja kontrollida PNG-d enne selle kasutamist.
1. Alustage sihtkohast
Enne teisendamist kontrollige pikslite mõõtmeid, mida nõuab veebisait, dokument, e-posti süsteem või kujundusrakendus, mis pildi vastu võtab. See tööriist skaleerib SVG renderdatud mõõtmeid valitud kordajaga; see ei paku kohandatud laiuse ja kõrguse välju. Kui platvorm nõuab 1200-pikslist laiust, võrrelge seda eesmärki SVG kuvatava laiusega ja valige kordaja, mis on lähedal ilma tarbetult suurt faili loomata.
2. Mõistke skaalategureid
Valikud on 1x, 2x, 3x, 4x ja 8x. Kordaja mõjutab nii laiust kui ka kõrgust: 2x-ga renderdatud 200 × 100 lähtepilt muutub 400 × 200 piksliks. Pikslite arv kasvab kordaja ruuduga, nii et 8x toodab 64 korda rohkem piksleid kui 1x. Suurem väljund võib kasutada märkimisväärselt rohkem mälu ja ei pruugi parem välja näha, kui algne graafika või sihtekraan seda ei vaja.
3. Valige ekraanide jaoks tegur
Standardse liidesegraafika jaoks on 1x või 2x sageli praktiline lähtepunkt; 2x võib aidata suure tihedusega ekraanidel, kui sihtpaigutus pilti kahandab. Valige 3x või 4x ainult siis, kui kujundus vajab täiendavaid pikslite mõõtmeid. Kasutage 8x valikuliselt, kuna väga suured lõuendid võivad renderdamiseks rohkem aega võtta või ületada brauseri piiranguid.
4. Otsustage, kas taust peaks olema läbipaistev
Valige Läbipaistev, kui PNG peab asetsema värvilise lehe, esitluse või muu pildi kohal. Valige Valge, kui sihtkoht ootab valget ristkülikut või kui ühevärviline taust muudab graafika kontrollimise lihtsamaks. PNG toetab läbipaistvust, kuid sihtrakendus võib kuvada läbipaistvaid piksleid malemustri kohal või need pildi sisestamisel tasandada.
5. Valmistage SVG enne eksportimist ette
Avage lähteandmed vektortöötlusprogrammis ja kontrollige, kas sellel on mõistlik viewBox ja nähtav graafika selle viewBox-i sees. Teisendage või manustage fondid, kui kujundus peab seadmetes, millel neid fronte pole, identne välja nägema. Hoidke lingitud pildid ja välised ressursid kättesaadavad; see brauserikonverter ei pruugi SVG-failist renderdada kaugfonte, lingitud pilte, skripte ega muid väliseid sõltuvusi.
6. Teisendage ja kontrollige eelvaadet
Valige üks SVG-fail, valige skaala ja taust ning seejärel teisendage see. Kontrollige, kas kogu joonis on nähtav, tekst ja peened jooned on loetavad ning eelvaatel on oodatud taust. Kui tulemus on kärbitud, kontrollige algses failis SVG viewBox-i ja mõõtmeid. Konverter töötleb ühte faili korraga ja pakub selle faili jaoks PNG allalaadimist.
7. Kontrollige piksleid ja failisuurust
Kasutage PNG-d ettenähtud kontekstis ja kontrollige seda suuruses, milles see tegelikult kuvatakse. Suur pikslite mõõde ei paranda automaatselt väikest ikooni ekraanil. Kui PNG on liiga suur, minge tagasi SVG juurde ja eksportige madalama teguriga. Kui see tundub udune, kinnitage, et sihtkoht ei suurenda väikest rasterpilti pärast teisendamist.
8. Hoidke redigeeritav lähteallikas alles
Salvestage algne SVG PNG kõrvale. SVG säilitab vektorteed ja sobib üldiselt paremini hilisemateks muudatusteks, ülevärvimiseks ja suuruse muutmiseks. PNG on mugav fikseeritud suurusega koopia sihtkohtadele, mis vajavad rasterpilte. Mõlema säilitamine võimaldab luua teises suuruses PNG ilma juba rasterdatud pilti korduvalt skaleerimata.