Kā konvertēt JPG un PNG attēlus uz SVG

Tradicionālie attēlu formāti, piemēram, JPG, PNG vai GIF, ir ļoti populāri, taču tiem ir trūkumi, kuru dēļ to lietošana ir mazāka par ideālu noteiktām lietojumprogrammām.

Piemēram, ja izveidojat adaptīvu vietni, vēlaties iegūt attēlus, kas izskatās labi neatkarīgi no to platuma un augstuma. Tradicionālie attēli izskatās slikti, piemēram, tos pārāk palielinot.

Jums, iespējams, būs jāparāda arī attēls dažādos izmēros, piemēram, kā sīktēls emuāra indeksa lapā un kā pilnas izšķirtspējas attēls saistītajā rakstā.

Lai gan jūs varat izveidot dažādas viena attēla versijas, lai izvēlētos vispiemērotāko, tas nozīmē, ka, cita starpā, tam ir nepieciešama lielāka krātuve.

SVG attēla formāts ir vektora formāts. Tas nozīmē, ka tā lielumu var samazināt vai palielināt, nezaudējot kvalitāti (pielāgojamiem). Tas ir lieliski, ja jums jāattēlo attēls vairākās vietās, izmantojot dažādas izšķirtspējas.

Citas SVG priekšrocības ir tādas, ka tās lielums parasti ir daudz mazāks un tas tīmekļa pārziņiem dod zināmu elastību, veicot izmaiņas tajā, jo dažas no tām var izdarīt tieši CSS.

Viens piemērs: Terence Edens atkārtoti izveidoja tādu populāru interneta kompāniju logotipus kā Twitter, Amazon, WhatsApp, YouTube vai Reddit SVG. Logotipu lielums tika samazināts līdz mazāk nekā 1 kilobaitam, dažreiz pat līdz 200 baitiem. Piemēram, Twitter logotipa PNG formātā ir 20 kilobaitu, SVG versijas - 397 baiti.

SVG ir labs logotipu un ikonu formāts, bet nav īsti piemērots, ja runa ir par fotoattēliem un cita veida attēliem, kas parāda daudzus dažādus objektus.

Konvertēšana uz SVG

Šī rokasgrāmata koncentrējas uz lietojumprogrammām, kuras varat izmantot attēlu konvertēšanai tieši uz SVG. Šī nav apmācība par tādu lietojumprogrammu izmantošanu, kas izveidotas, lai no jauna izveidotu vektorgrafiku. Tam varat izmantot vektorgrafikas redaktorus, piemēram, Adobe Illustrator (joprojām nav mūsu saišu ar Adobe politiku), Inkscape vai LibreOffice Draw.

Ir pieejami daudz bezmaksas pārveidotāju, kurus varat palaist tiešsaistē, taču reklāmguvumu procesā tie ir diezgan ierobežoti. Lai arī ar tiem var pietikt, lai konvertētu vienkāršu logotipu, kas ir pieejams kā png vai jpg, uz svg, rezultāti lielākoties nav īpaši labi.

Pakalpojumu novērtēšana ir šāda: es lejupielādēju Ghacks logotipu un izmēģināju reklāmguvumus vairākos desmitos SVG pārveidotāju. Es vērtēju rezultātu un atmetu jebkuru pakalpojumu, kas nesniedza labus rezultātus.

  • Aconvert - pakalpojums kā ievadi izmanto vietējo failu vai URL. Vienīgā tā piedāvātā iespēja ir mainīt attēla izšķirtspēju. Iegūtais attēls izskatījās kā Ghacks logotips, bet tā izmērs bija gandrīz divreiz lielāks par logotipa PNG versiju.
  • Vector Magic - pieejams kā tiešsaistes pārveidotājs un darbvirsmas programma Windows. Tomēr tas nav bez maksas (tiešsaistē maksā 7, 95 USD mēnesī, darbvirsmas izdevums ir vienreizējs maksājums 295 USD). Tiešsaistes izdevuma rezultāti tomēr ir lieliski, un jūs saņemat daudz iespēju rediģēt vai modificēt iestatījumus, kā arī oriģināla attēla un svg kopijas displeju.
  • Vectorizer - vēl viens bezmaksas pakalpojums. Šim komplektācijā ietilpst vednis, ar kura palīdzību jūs varat izvēlēties labākos izvades parametrus (izplūšana, krāsas) vai arī tos iestatīt tieši. Rezultāti bija labi ar nelielu pielāgošanu, un iegūtā attēla izmērs bija par trešdaļu mazāks nekā sākotnējais PNG logotips.

Tagad jūs: zināt kādu citu tiešsaistes pakalpojumu vai programmu attēlu konvertēšanai SVG formātā?