Er kanterne på det konverterede SVG grove, ligger problemet oftest i originalbilledet og ikke i selve konverteringen. Vektorisering beskriver de konturer, der allerede findes i bitmapbilledet, som kurver: Først med rene kanter i originalen er der et rent grundlag for kurverne; er originalbilledet komprimeret med en ring af støjfarver, er buen kun to-tre pixels bred, eller har det store skyggeflader, bliver disse fejl overført trofast til resultatet. Bedøm først, hvilken slags originalproblem grovheden tilhører, og ordn inputtet i rækkefølge, inden du konverterer igen – det er langt mere effektivt end at klikke “prøv igen” igen og igen.
Åbn billede-til-vektor, og hold dig fra at skifte værktøj i første omgang: Kør samme billede gennem fejlfindingsrækkefølgen nedenfor – de fleste kantproblemer ændrer sig allerede, når inputtet skiftes. De komplette trin med upload, konvertering og download første gang er gennemgået trin for trin i “Sådan konverterer du PNG og JPG til SVG: komplet guide til vektorisering af billeder”; her tages udgangspunkt direkte i selve kantproblemet.
Hovedpointer
- Tre slags originalproblemer – komprimeringsstøj, konturer i lav opløsning og komplekse skygger – overføres trofast til SVG-kurverne; konverteringen kan ikke genskabe information, der ikke findes i originalbilledet.
- Skeln først mellem “manglende information i originalen” og “fejl i kurvetegningen”: Det første kræver et skarpere originalbillede, det sidste kan løses ved at ordne inputtet eller rydde op i knudepunkter.
- Ved nye forsøg ændres kun én variabel ad gangen; skift af original, fjernelse af baggrund og forenkling af farver gøres hver for sig, så en forbedring kan tilskrives en konkret handling.
- Værktøjet accepterer PNG, JPG og WebP med bredde og højde på mindst 256 pixels; forstørrelserne 1×, 2× og 4× i resultatruden bruges til at sammenligne den samme kant.
Bedøm først, om problemet kommer fra originalbilledet eller konverteringen
Åbn SVG'en i resultatruden med 4×, find den groveste kant, og gå derefter tilbage til originalbilledet og forstør det samme udsnit til en tilsvarende størrelse til sammenligning. Tre typiske fejl har hver sin placering:
Komprimeringsstøj. Originalbilledet er gemt mange gange eller sendt videre i en chat-app, og omkring motivets kontur er der presset en ring af støjfarver. Efter konverteringen hænger der fine små kurver og frynser på kanten, og fejlene samler sig som en ring uden om konturen.
Konturer i lav opløsning. Originalbilledet har lav opløsning, og buer og hjørner har kun få pixels at arbejde med. Efter konverteringen får cirkelbuerne trin, og hjørnerne bliver sløve; fejlene samler sig ved kurve snoinger.
Komplekse skygger. Originalbilledet har bløde gradienter eller slagskygge, og overgangszonen har ingen klar kant. Efter konverteringen deles den op i flere lag af omtrentlige farveblokke; fejlene samler sig i skyggeovergangene, og farverne svarer ikke til brandfarverne.
Sæt efter sammenligningen fejlen i én kategori – den bestemmer ruten videre: Er kanten i originalbilledet i sig selv ru, afbrudt eller støjende, når den forstørres, mangler der information, og kun ordning af inputtet eller en skarpere version hjælper; er originalens kant ren i forstørrelsen, men SVG'en har ekstra knudepunkter, trin eller brudte kurver, er det en kurvetegningsfejl, som nye forsøg eller efterfølgende oprydning i knudepunkter måske løser. Springes dette trin over, og der konverteres blot igen og igen, blander de to slags problemer sig.
Fjern den baggrund, der forstyrrer konturerne
Baggrunden er den hyppigste kilde til overflødige kurver. Adskilles motiv og baggrund, før der konverteres, ændres både antallet af kurver og kanternes renhed markant.
Behandlingen af ensfarvet baggrund er den enkleste: Beskær først den overskydende margen rundt om motivet, så det udfylder billedet; fjern derefter baggrundsfarven, og gem som PNG med transparent baggrund. Beskæring af margenen er den billigste enkeltforbedring af inputtet – i det samme billede fylder motivets kontur flere pixels. Bemærk, at bredde og højde efter beskæring fortsat skal være mindst 256 pixels; beskæres der for meget, mislykkes uploadkontrollen.
En kompleks baggrund (mønstre, gradienter, rigtige fotos) kræver, at motivet adskilles først – ellers bliver baggrundsmønsteret tegnet som kurver sammen med grafikken, og kanterne på resultatet er fyldt med baggrundsfragmenter. Til automatisk adskillelse bruges først værktøjet til at fjerne logo-baggrund, og det transparente output uploades derefter til konvertering; de komplette udklipstrin er beskrevet i guiden om baggrunds fjernelse og gentages ikke her.
Én ting mere om fjernelse af baggrund: Adskillelsesværktøjet leverer en bitmap og gør kun arbejdet med at tage motivet ud af baggrunden – det gør ikke motivet skarpere i sig selv. Er motivet i originalen allerede uskarpt, forbliver det uskarpt uden baggrund; vend tilbage til foregående afsnit og bedøm, om der mangler information.
Håndtér små bogstaver, tynde linjer og gradienter
Netop disse tre elementer forvrænges lettest i konverteringen, og rækkefølgen er fast: Find først en skarpere version, del derefter tekst og grafik, og forenkl til sidst skyggerne.
Find først en skarpere version. I en original med lav opløsning vokser små bogstavers streger sammen, og bogstavernes hulrum (som hullet i et O) er kun én-to pixels – ingen konvertering kan genoprette sådanne detaljer ud af ingenting. Hovedbilleder på websiden, visitkort, reklamemateriale og brandmanualer gemmer ofte en større version; findes den, bør den bruges først. Tynde linjer følger samme logik: Hårtynde linjer er afbrudte i lav opløsning og bliver til afbrudte kurver efter konverteringen.
Del tekst og grafik. Når bogstaver og grafik er blandet sammen i ét lille billede, beskæres tekstområdet og grafikområdet hver for sig, konverteres hver for sig og samles igen med præcis placering i designprogrammet. Hver del kan udnytte en større andel af billedet, hvilket er mere pålideligt end at presse hele det lille billede igennem på én gang.
Forenkl skyggerne. Bløde gradienter og slagskygge bliver delt i flere lag af farveblok-kurver. Tillader brandretningslinjerne det, fjernes slagskyggen først, og gradienten erstattes af en ensfarvet hovedflade, inden der konverteres; er gradienten selv en del af brandidentiteten, acceptér den blokvise tilnærmelse, eller lad netop det område forblive bitmap.
Om teksten gælder én kendsgerning: Teksten i konverteringsoutputtet er konturkurver, ikke redigerbar skriftekst, og konverteringen bringer den ikke tilbage til den oprindelige skrifttype. Findes den oprindelige skriftfil ikke, regn ikke med, at nogen konvertering “genopretter” bogstavformerne, og gæt heller ikke en lignende skrifttype ud fra konturen og brug den som brandskrifttype; skal teksten ændres, sættes den på ny i designprogrammet med en bekræftet skrifttype.
Prøv igen med kun én variabel ad gangen
Når du har ordnet flere inputversioner, skal du ikke skifte dem alle ud på én gang: Ændr kun én variabel ad gangen, så en forbedring kan tilskrives en bestemt handling.
Tre ting er faste i udførelsen:
- Input i runder. Første runde konverterer originalen direkte som udgangspunkt; anden runde erstatter kun med versionen uden baggrund; tredje runde erstatter kun med den forenklede farveversion eller en skarpere version. Ved hvert inputskift klikkes på fjern-knappen i øverste højre hjørne af forhåndsvisningen, hvorefter den nye fil uploades og konverteres.
- Fast kontrolmetode. Se i hver runde på den samme groveste kant med samme forstørrelse; 1×, 2× og 4× i resultatruden giver en fælles reference.
- Arkivér resultaterne. Gem de tre SVG-filer med hver sit navn, for eksempel logo-original.svg, logo-uden-baggrund.svg og logo-forenklet.svg, og sammenlign kantforskellene side om side.
Er der ingen synlig forskel mellem to runder, ligger problemet ikke i dette input – vend tilbage til første afsnit og kategoriser igen; er der forskel, så fortsæt i den retning i stedet for at stable alle ændringerne på én gang. Vil du prøve det samme input én gang til, klikkes “vektorisér igen” under resultatet, som rydder det aktuelle resultat, hvorefter der indsendes igen.
Beslut: behold konverteringen, eller tegn manuelt igen
Efter en række forbedringer tilbagestår én beslutning: Er SVG'en god nok, eller er det umagen værd at tegne den igen manuelt?
Behold konverteringen, når grafikken mest består af farveflader med regelmæssige kurver, små bogstaver og tynde linjer er få, og anvendelsen er web, interface-ikoner eller materialer i mellemstørrelse. Er kanterne rene ved 4×, udskæringerne komplette og den mindste skriftstørrelse læselig, kan du stoppe – der er ingen grund til at jagte færrest mulige kurver.
Tegn manuelt igen, når der er mange små bogstaver og tætte hårtynde linjer, når gradienten er kernen i brandidentiteten, eller når anvendelsen er tryk i stort format og skilte, hvor ethvert trin og enhver afbrudt linje forstørres til synlighed. Her er det normalt hurtigere at genspore de vigtige konturer i et vektorprogram efter originalen end at prøve igen uendeligt mange gange.
Når konverteringsresultatet næsten kan bruges, og der kun er enkelte frynser tilbage, importeres SVG'en i et vektorprogram til oprydning i knudepunkter: Slet overflødige punkter, foren små kurver, og gør hjørnerne jævne. Det er en afsluttende fase efter forsøgene; arbejdet foregår i et eksternt program, og billede-til-vektor-værktøjet har i sig selv ikke knudepunktsredigering.
Kriteriet følger altid anvendelsen: Jo mindre den faktiske visningsstørrelse er, jo større er tolerance for kurvepræcision; jo mere billedet forstørres, desto mere kan det betale sig fra starten at finde det bedste originalbillede.
Ofte stillede spørgsmål
Hjælper det at forstørre billedet, før det konverteres til SVG?
Kun i begrænset omfang. Forstørrelse giver flere pixels, men de interpolerede pixels udvider blot de eksisterende konturer – mængden af kantinformation vokser ikke, og støjen forstørres med. Det egner sig til at bringe små billeder under grænsen på 256 pixels op over kravet; vil du have virkelig rene kanter, så find først en originalversion med højere opløsning.
Hvorfor får fotoagtige logoer så mange kurver?
Fotos og løbende gradienter har ingen klare grænser mellem farveblokke, så tegningen må bruge store mængder små farveblokke til at nærme sig overgangene; antallet af kurver eksploderer med detaljerne, og filen bliver stor og svær at redigere. Den slags materiale egner sig bedre til at forblive bitmap i høj opløsning; kræves virkelig en vektorversion, forenkles den først til en farveblok-version, eller kun det signaturagtige grafikområde vektoriseres for sig. Hvilket materiale der er værd at konvertere, og hvad der bør forblive bitmap, gennemgås scenarie for scenarie i “PNG eller SVG til logoet: sådan vælger du til web, plakater og tryk”.
Hvordan bedømmer jeg, om konverteringen er god nok til opgaven?
Kontrollér efter den endelige anvendelsesstørrelse. Åbn resultatruden med 4×, og se på fire steder: kurver, udskæringer, tynde linjer og små bogstaver; skru derefter tilbage til 1×, og bedøm, om farveopdelingen kan accepteres. Til web og grænseflader måles skarpheden ved den faktiske visningsstørrelse; tryk i store formater og skilte forstørrer enhver fejl, så kravene stiger tilsvarende. Er den samme kant tydeligt forbedret fra den ene runde til den anden, er runden god nok.
Ordinér originalbilledet, og konverter igen
Begynd med den groveste kant: Kategoriser først problemet, ordn ud fra den tilsvarende metode et nyt input, og åbn billede-til-vektor for at konvertere igen med den nye fil. Gå derefter tilbage til den samme kant med samme forstørrelse, og kontrollér forskellen; er forbedringen synlig, fortsættes til næste sted.
