Kas ir šis rīks?
SVG ir vektorformāts — formas, kas aprakstītas ar matemātiku, bezgalīgi mērogojamas, ideāli piemērotas logotipiem un ikonām. Taču daudzas vietas to nepieņem: Word dokumenti, lielākā daļa sociālo platformu, e-pasta klienti un neskaitāmas augšupielādes formas vēlas pikseļu attēlus. Konvertēšana (rastrēšana) attēlo vektoru kā PNG vai JPG noteiktā izmērā.
Tā kā vektoriem nav fiksētas izšķirtspējas, tu izvēlies izejas platumu — un, tā kā avots ir matemātika, 2048px eksports ir tikpat asas kā 256px eksports. PNG izvade saglabā SVG caurspīdīgo fonu; JPG to aizpilda ar baltu krāsu.
Kāpēc to izmantot?
- Jebkura izšķirtspēja no viena avota: no 256px favicon līdz 2048px druku vajadzībām, visur pikseļu precizitātē.
- PNG izvade saglabā caurspīdīgumu — logotipi der uz jebkura fona.
- Novērš "SVG netiek atbalstīts" augšupielādes kļūdas dažu sekunžu laikā.
- Pakešu konvertēšana, lokāla apstrāde, bez augšupielādes.
- Apstrādā SVG failus bez skaidri norādīta platuma/augstuma, nolasot to viewBox.
Kā to lietot
- Nomet .svg failus uz lauka vai uzklikšķini, lai izvēlētos.
- Izvēlies izejas platumu — "Auto" izmanto SVG paša norādīto izmēru.
- Izvēlies PNG (saglabā caurspīdīgumu) vai JPG (baltu fonu).
- Lejupielādē katru attēloto attēlu; izmēri parādīti katram failam.
Piemērs
Ievade
logo.svg — 4 KB vektorsIzvade
logo.png — 1024×1024, caurspīdīgs fons, ass katrā pikselīViens neliels vektora avots dod pikseļu precizitātē asus rastrus jebkurā vēlamajā izmērā.
Biežākie lietošanas gadījumi
- Uzņēmuma logotipa (parasti piegādāts kā SVG no dizainera) pievienošana Word vai PowerPoint dokumentam, kas neatbalsta SVG iegulšanu.
- Lietotnes ikonu vai favicon ģenerēšana katrā vajadzīgajā pikseļu izmērā (16, 32, 180, 512px) no viena galvenā SVG.
- Ikonas pievienošana e-pasta parakstam, jo lielākā daļa e-pasta klientu attēlo tikai rastra attēlus.
- Mākslas darbu augšupielāde sociālo tīklu platformā vai CMS, kas noraida SVG failus kā augšupielādes drošības pasākumu.
Kāpēc vispār pastāv SVG augšupielādes ierobežojumi
Daudzas platformas SVG augšupielādi bloķē tieši drošības apsvērumu dēļ, nevis netīšām: tā kā SVG ir balstīts uz XML un tehniski var ietvert JavaScript, ļaunprātīgs SVG var kļūt par skriptu ievadīšanas vektoru, ja platforma to attēlo nesanitizētā veidā. SVG rastrēšana uz PNG vai JPG izņem visu, kas nav pikseļu dati, un tas ir viens no iemesliem, kāpēc šī konvertēšana bieži ir nepieciešama, nevis tikai ērtības pēc — mērķa platforma patiešām nevar droši pieņemt vektora formātu, neatkarīgi no tā, vai tavs konkrētais SVG ir nekaitīgs.
Kā tieši darbojas neatkarība no izšķirtspējas
SVG fails vispār nesatur pikseļus — tas satur matemātiskas trajektoriju definīcijas ("velc līniju no šī punkta uz to punktu", "aizpildi šo līkni ar šo krāsu") un viewBox, kas nosaka koordinātu telpu, kurā šīs trajektorijas atrodas. Rastrējot to, pārlūka attēlošanas dzinis no jauna aprēķina katru līkni un aizpildījumu tieši tādos pikseļu izmēros, kādus tu pieprasi, katru reizi no jauna. Tas principiāli atšķiras no esoša rastra attēla (JPG vai PNG) izmēra maiņas, kur palielināšana nozīmē pikseļu izgudrošanu, kuru tur nekad nebija, un rezultāts neizbēgami izskatās izplūdis — SVG, kas attēlots 4000px, ir tikpat ass kā tas pats, kas attēlots 100px, jo abi tiek no jauna aprēķināti no tās pašas matemātikas, nevis izstiepti no mazāka avota.
Biežāk uzdotie jautājumi
Kādā izšķirtspējā man eksportēt?
Pielāgojies lielākajam izmēram, kādā to rādīsi, un pievieno rezervi: 512px sedz lielāko daļu tīmekļa logotipu lietojumu, 1024px+ retina ekrāniem un prezentācijām, 2048px drukai. Atšķirībā no fotoattēlu palielināšanas, SVG lielformāta eksports nemaksā neko asuma ziņā.
Kāpēc mans SVG attēlojas tukšs vai bojāts?
Parasti tā ir ārējo atsauču problēma: SVG faili, kas norāda uz ārējiem attēliem, fontiem vai CSS, nevar tos ielādēt pārlūka drošības smilškastē. SVG faili ar iegultu (inline) saturu konvertējas bez problēmām. Teksts arī var pārbīdīties, ja tas izmanto fontu, kura tavā sistēmā nav.
PNG vai JPG izvade — kuru izvēlēties?
Gandrīz vienmēr PNG: logotipiem un ikonām vajadzīga caurspīdīgums un asas malas, ko PNG saglabā, bet JPG sabojā. JPG izvēlies tikai tad, ja mērķis to stingri pieprasa vai SVG ir foto tipa ilustrācija.
Vai varu konvertēt PNG atpakaļ uz SVG šeit?
Nē — tas ir principiāli cits uzdevums (pikseļu pārveidošana formās), kas dod labākajā gadījumā aptuvenu rezultātu. Šis rīks strādā virzienā vektors → rastrs, kas ir precīzs.
Vai mans SVG tiek augšupielādēts konvertēšanai?
Nē. Pārlūks attēlo SVG lokālā canvas elementā un kodē PNG/JPG failu tavā ierīcē. Nekas netiek pārraidīts.
Vai man SVG jāeksportē kā PNG vai JPG?
Ja attēlam ir caurspīdīgums — logotips, kam jāderētu uz jebkura fona — izvēlies PNG: JPG nav alfa kanāla un aizpildīs caurspīdīgās zonas ar vienlaidu krāsu. PNG ir arī labāks asmalu grafikai, piemēram, ikonām un diagrammām. JPG izvēlies tikai tad, ja SVG satur fotoreālistisku vai stipri gradientētu saturu un faila izmērs ir svarīgāks par malu asumu.