Geras eksportavimas prasideda ten, kur vaizdas bus naudojamas. Šiame gide paaiškinama, kaip pasirinkti mastelį, paruošti SVG ir patikrinti PNG prieš jį naudojant.
1. Pradėkite nuo paskirties vietos
Prieš konvertuodami patikrinkite pikselių matmenis, kurių reikalauja svetainė, dokumentas, el. pašto sistema ar dizaino programa, kuri gaus vaizdą. Šis įrankis keičia SVG atvaizduojamus matmenis pasirinktu daugikliu; jame nėra pritaikytų pločio ir aukščio laukų. Jei platforma reikalauja 1200 pikselių pločio, palyginkite šį tikslą su rodomu SVG pločiu ir pasirinkite daugiklį, kuris yra artimas, nesukuriant nereikalingai didelio failo.
2. Supraskite mastelio veiksnius
Galimi pasirinkimai: 1x, 2x, 3x, 4x ir 8x. Daugiklis turi įtakos tiek pločiui, tiek aukščiui: 200 × 100 šaltinis, atvaizduotas 2x masteliu, tampa 400 × 200 pikselių. Pikselių skaičius auga daugiklio kvadratu, todėl 8x sukuria 64 kartus daugiau pikselių nei 1x. Didesnė išvestis gali sunaudoti žymiai daugiau atminties ir gali neatrodyti geriau, kai originaliam menui ar tiksliniam ekranui to nereikia.
3. Pasirinkite veiksnį ekranams
Standartinei sąsajos grafikai 1x arba 2x dažnai yra praktiška pradžia; 2x gali padėti didelio tankio ekranuose, kai tikslinis išdėstymas sumažina vaizdą. Pasirinkite 3x arba 4x tik tada, kai dizainui reikia papildomų pikselių matmenų. Naudokite 8x pasirinktinai, nes labai didelės drobės gali užtrukti ilgiau atvaizduojant arba viršyti naršyklės ribas.
4. Nuspręskite, ar fonas turėtų būti skaidrus
Pasirinkite Skaidrus, kai PNG turi būti virš spalvoto puslapio, prezentacijos ar kito vaizdo. Pasirinkite Baltas, kai paskirties vieta tikisi balto stačiakampio arba kai vientisas fonas palengvina meno patikrinimą. PNG palaiko skaidrumą, tačiau tikslinė programa gali rodyti skaidrius pikselius virš šachmatų lentos rašto arba juos suplokštinti įterpdama vaizdą.
5. Paruoškite SVG prieš eksportuodami
Atidarykite šaltinį vektoriniame redaktoriuje ir patikrinkite, ar jis turi prasmingą viewBox ir matomą meną tame viewBox. Konvertuokite arba įterpkite šriftus, jei dizainas turi atrodyti identiškai įrenginiuose, kuriuose šių šriftų nėra. Laikykite susietus vaizdus ir išorinius išteklius pasiekiamus; šis naršyklės keitiklis gali neatvaizduoti nutolusių šriftų, susietų vaizdų, skriptų ar kitų išorinių priklausomybių iš SVG failo.
6. Konvertuokite ir patikrinkite peržiūrą
Pasirinkite vieną SVG failą, pasirinkite mastelį ir foną, tada jį konvertuokite. Patikrinkite, ar matomas visas piešinys, ar tekstas ir smulkios linijos išlieka įskaitomi, ir ar peržiūra turi tikėtiną foną. Jei rezultatas yra apkarpytas, patikrinkite SVG viewBox ir matmenis originaliame faile. Keitiklis apdoroja po vieną failą ir siūlo PNG atsisiuntimą tam failui.
7. Patikrinkite pikselius ir failo dydį
Naudokite PNG numatytame kontekste ir patikrinkite jį tokiu dydžiu, kokiu jis iš tikrųjų pasirodys. Didelis pikselių matmuo automatiškai nepagerina mažos piktogramos ekrane. Jei PNG yra per didelis, grįžkite prie SVG ir eksportuokite su mažesniu veiksniu. Jei jis atrodo neryškus, patvirtinkite, kad paskirties vieta nepadidina mažo rastrinio vaizdo po konvertavimo.
8. Išsaugokite redaguojamą šaltinį
Išsaugokite originalų SVG šalia PNG. SVG išsaugo vektorinius kelius ir apskritai yra geresnis vėlesniems redagavimams, spalvų keitimui ir dydžio keitimui. PNG yra patogi fiksuoto dydžio kopija paskirties vietoms, kurioms reikia rastrinių vaizdų. Abiejų išsaugojimas leidžia sukurti kitą PNG kitu dydžiu, pakartotinai nekeičiant jau rastruoto vaizdo mastelio.