Vaizdas į SVG vektorizatorius

Kaip konvertuoti vaizdą į SVG

1. Nutempk PNG, JPG, WebP ar GIF vaizdą į sritį arba spustelėk ją ir pasirink failą. Originalas parodomas kairėje.
2. Pasirink Šablonas: - Logotipas (vienspalvės sritys, švarios formos) logotipams, piktogramoms, antspaudams ir plokščioms iliustracijoms; - Detalus (daugiau spalvų ir kontūrų) piešiniams su šešėliais ar daug spalvų; - Plakatinis (4 išlygintos spalvos) stilizuotam, plakatą primenančiam rezultatui iš nuotraukos.
3. Prireikus pakoreguok Spalvų skaičius (nuo 2 iki 64) ir Ignoruoti mažesnes dėmeles nei (px). Šablonas abiem nustato protingas reikšmes.
4. Pasirink Darbinis dydis (ilgesnė kraštinė). Vaizdas vektorizuojamas tokiu dydžiu; pats SVG išlaiko pradinius matmenis.
5. Spustelėk Vektorizuoti į SVG. Rezultatas pasirodo dešinėje su failo dydžiu, kontūrų ir spalvų skaičiumi bei vektorizavimo trukme.
6. Spustelėk Atsisiųsti SVG arba Kopijuoti SVG kodą, kad įklijuotum kodą į HTML ar dizaino įrankį.

Kaip veikia vektorizavimas

Šis įrankis naudoja imagetracerjs, atvirojo kodo vektorizatorių, trimis žingsniais:

1. Spalvų kvantavimas: vaizdas sumažinamas iki pasirinkto spalvų skaičiaus. Kiekvienas pikselis priskiriamas artimiausiai paletės spalvai, o paletė patikslinama per kelis perėjimus.
2. Kraštų aptikimas: kiekvienai spalvai sekami visų tos spalvos sričių kontūrai, įskaitant skyles (pavyzdžiui, raidės „O“ vidų).
3. Kontūrų derinimas: kontūrai supaprastinami į tiesias linijas ir kvadratines kreives, kurios SVG tampa <path> elementais.

Sritys, mažesnės už Ignoruoti mažesnes dėmeles nei (px) ribą, atmetamos: taip pašalinamas triukšmas ir JPG artefaktai. Reikšmė 0 palieka viską; logotipams tinka 8–20; didesnės reikšmės duoda švaresnį, bet paprastesnį piešinį. Visiškai permatomos sritys pašalinamos, todėl logotipas permatomame fone išlieka permatomas.

Kas duoda gerų rezultatų

Vektorizavimas geriausiai veikia su paprastais logotipais ir piešiniais: kelios vienspalvės sritys, aiškūs kraštai, jokių perėjimų. Nuskenuotas eskizas, nespalvotas parašas ar pikselių meno piktograma vektorizuojami labai gerai su 2–8 spalvomis.

Nuotraukos – kitas reikalas. Nuotraukoje yra tūkstančiai subtilių atspalvių, todėl ištikimai vektorinei versijai reikia daug spalvų ir dešimčių tūkstančių kontūrų, o SVG galiausiai tampa kur kas sunkesnis už JPG. Meniniam efektui verčiau naudok Plakatinis (4 išlygintos spalvos) ir nesitikėk fotografinio rezultato. Jei SVG tampa labai didelis, įrankis tave įspėja.

Patarimai švaresniam logotipui:

• pradėk nuo didžiausios ir ryškiausios turimos vaizdo versijos;
• nustatyk Spalvų skaičius pagal tikrą logotipo spalvų skaičių (įskaitant foną);
• padidink dėmelių ribą, jei kraštuose matai mažų taškelių.

Privatumas ir peržiūros saugumas

Vaizdas vektorizuojamas tavo naršyklėje ir niekada neįkeliamas. SVG peržiūra rodoma kaip paprastas vaizdas iš privataus blob adreso ir niekada neįterpiama į puslapį, todėl net neįprastas failas negali paleisti kodo.