Hvordan generere QR-koder i Inkscape

I denne artikkelen skal jeg vise deg den enkle metoden for å generere QR-koder ved hjelp av Inkscape – den gratis vektorgrafikkeditoren.

QR-koder øker raskt i popularitet, slik at folk raskt kan ta frem telefonkameraene sine og skanne koden for å bli tatt med til en hvilken som helst nettadresse. Disse QR-kodene har blitt mer utbredt på steder som restauranter, og lar kunder raskt trekke opp menyen på telefonene sine og dermed redusere kontakten med en håndgripelig meny.

Så hvordan genererer du en QR-kode i Inkscape? La oss komme inn i det!

Video: Hvordan lage QR-koder i Inkscape

Sett inn en grunnleggende QR-kode

Trinn 1: Lag en ny komposisjon

Start med å åpne Inkscape på datamaskinen din (du kan laste ned programvaren gratis fra Inkscape.org). Under fanen "Tid for å tegne" (rød pil i bildet ovenfor) for velkomstskjermen som dukker opp (forutsatt at du bruker Inkscape 1.0 eller nyere), velg en dokumentstørrelse basert på en av de mange tilgjengelige malene. Jeg valgte "Desktop 1080p"-størrelsen under "Skjerm"-fanen (gul pil).

Trinn 2: Sett inn en QR-kode

Med det nye dokumentet ditt åpent, gå til Utvidelser> Gjengivelse> Strekkode> QR-kode (rød pil i bildet ovenfor).

Trinn 3: Legg til nettadressen din

Dette vil få opp en QR-kodedialog. Her kan du angi ulike innstillinger – inkludert nettsiden du vil at folk skal henvises til når koden skannes med et smarttelefonkamera (dette er under delen merket “tekst” – rød pil i bildet ovenfor).

I mitt tilfelle skrev jeg inn nettstedet mitt, "daviesmediadesign.com," for "tekst"-feltet. Jeg kan klikke på "Bruk" for å generere QR-koden (gul pil), og deretter klikke på "Lukk" for å gå ut av dialogen (ikke gå ut av dialogen akkurat nå hvis du vil lære mer om avanserte innstillinger i neste seksjon).

Du kan se sluttproduktet i bildet ovenfor, som ble generert ved å bruke standardverdiene for Inkcapes QR-kodegenerator. Jeg dekker noen måter å tilpasse utseendet til QR-koden på senere i denne artikkelen.

Jeg kan også justere noen mer avanserte innstillinger i denne dialogen, som jeg vil dekke nedenfor.

Avanserte QR-kodeinnstillinger

Frem til dette punktet har vi åpnet QR-kodedialogen og lagt til en URL i "Tekst"-feltet. (Hvis du lukket QR-kodedialogen, kan du åpne den på nytt ved å gå til Utvidelser>Gengi>Strekkode>QR-kode).

Deretter, hvis jeg merker av for "Live Preview"-alternativet (rød pil i bildet ovenfor), vil en QR-kode vises på dokumentet mitt (blå pil - du må kanskje flytte QR-kodedialogen ut av veien for å se den).

Juster QR-kodedata

Under tekstfeltet er rullegardinmenyen "Størrelse, i kvadrater" (gul pil på bildet ovenfor). Denne funksjonen lar deg manuelt endre hvor mye data QR-koden viser – noe som endrer størrelsen på selve koden. Jeg anbefaler ikke å angi denne verdien manuelt, siden Inkscape-utvidelsen automatisk oppretter QR-koden i riktig størrelse basert på URL-en du legger til i "Tekst"-feltet.

For å si det enkelt: Jo lengre URL-adressen er, desto større blir QR-koden. Hvis jeg for eksempel legger til en lengre URL fra en av artiklene mine på nettstedet mitt (rød pil i bildet ovenfor), vil du se QR-koden blir større for å få plass til tilleggstegnene (blå pil). Den vil inneholde flere "moduler" eller små firkanter fordi den lengre nettadressen inneholder flere tegn.

For å gjenta, anbefaler jeg å holde denne rullegardinmenyen satt til "auto."

Feilrettingsnivå

Den neste rullegardinmenyen er "Feilrettingsnivå" (rød pil). Som standard vil dette være satt til "L (ca. 7%)", som fungerer best i "rene" miljøer – eller i situasjoner der du ikke forventer at QR-koden skal bli skitten, advare eller skadet/ødelagt. Hvis du forventer at koden skal plasseres et sted hvor den kan tåle juling (dvs. på en byggeplass, på et travelt hjørne i en travel by, osv.), kan det være lurt å hevde feilrettingen høyere.

Den høyeste innstillingen er "H (ca. 30%)", og denne innstillingen vil produsere den største QR-koden samtidig som den inneholder mer data. % betyr i utgangspunktet mengden data som kan ødelegges uten å påvirke QR-kodens evne til å skannes.

"M (ca. 15%)"-innstillingen (rød pil) er et godt kompromiss for å beskytte QR-koden din mot skade uten å gjøre koden for stor eller opptatt.

Tegnkoding

Det neste alternativet er rullegardinmenyen "Tegnkoding" (rød pil i bildet ovenfor). Det er fire alternativer her, med det beste alternativet for deg avhengig av språket eller symbolene som brukes i URL-en eller teksten din.

Hvis du bruker en standard URL som er på engelsk, kan du holde deg til «Latin 1».

Når du bruker visse europeiske språk (ikke-engelsk), kan det være lurt å velge CP 1250 eller CP 1252.

Til slutt, hvis du bruker unicode-tegn eller -symboler i teksten din, inkludert symboler fra forskjellige språk rundt om i verden, kan det være lurt å velge UTF-8.

Inverter QR-kode

Det neste alternativet, "Invert QR Code" (gul pil) er en avmerkingsboks som ganske enkelt lar deg endre bakgrunnsfargen til QR-koden fra hvit til svart (demonstrert med den røde pilen i bildet). Du kan også endre bakgrunnsfargen OG fargen på hovedmodulene (de firkantede formene) til koden ved å bruke noen verktøy i Inkscape (mer om det senere).

QR-kode kvadratisk størrelse

Feltet "Square Size" (gul pil) lar deg endre den generelle størrelsen på QR-koden. En mindre verdi krymper QR-koden, og en større verdi skalerer opp hele QR-koden. I dette tilfellet endret jeg størrelsen fra 4.0 til 10.0, noe som gjorde QR-koden større (rød pil). Du kan også justere størrelsen på QR-koden etter at du har tatt i bruk endringene ved hjelp av andre verktøy i Inkscape. Men hvis du ønsker å skalere QR-koden opp eller ned mer presist (basert på størrelsen på de firkantede modulene i koden, i piksler), kan du bruke dette alternativet.

Tegningstype

Rullegardinmenyen "Tegningstype" (gul pil) lar deg endre hvordan modulene i QR-koden tegnes. Som standard er dataene representert med firkanter når alternativet "Glatt: nøytral" er valgt. Det er imidlertid andre egendefinerte innstillinger å velge mellom. For eksempel vil alternativet "Bi: sirkel" endre alle modulelementene til sirkler (rød pil i eksemplet ovenfor). Jeg vil endre dette tilbake til standard "Glatt: nøytral" for neste trinn.

Glatt kvadratisk verdi

Det neste alternativet, "Glatt kvadratisk verdi (0-1)" (gul pil på bildet ovenfor), lar meg legge til eller redusere mengden utjevning som brukes på de kvadratiske modulene. Som standard er dette satt til .2 – noe som betyr at det er litt jevning rundt kantene på hver rute. Jeg kan skru denne verdien helt opp til 1.0, noe som gir drastisk utjevning til rutene og dermed blander dem alle sammen mer (rød pil). En verdi på null vil fjerne all utjevning på rutene. Du kan sette denne verdien til hva du foretrekker – det er egentlig bare en måte å endre estetikken til koden på.

Banestreng

Under rullegardinmenyen for utjevning er et tekstfelt med tittelen "Bistreng" (gul pil) for å justere utseendet og plasseringen av QR-koden når du velger alternativet "Bi: egendefinert" fra rullegardinmenyen Tegningstype (rød pil). Det er ment også å fungere for "Symbol" Tegningstype alternativet, selv om Symbol-alternativet ikke fungerer i Inkscape 1.1 - i hvert fall ikke for meg.

Det første elementet sier "m 0,1" - dette er en koordinat. Hvis du endrer den første verdien, vil den forskyve plasseringen av QR-koden til venstre eller høyre (avhengig av om du gjør tallet positivt eller negativt). Hvis du endrer den andre verdien, vil den forskyve QR-koden opp eller ned (igjen, avhengig av om tallet er positivt eller negativt). Du kan bruke hvilket som helst tall her – jeg er ganske sikker på at det er basert på hvilken enhet dokumentet ditt er satt i (dvs. piksler). Denne funksjonen er ikke helt nødvendig ettersom du alltid kan flytte QR-koden etter at du har brukt den ved hjelp av Select-verktøyet.

Det neste elementet, som er atskilt fra det første elementet med "|" symbol, sier "0.5,-1 | 0.5, 1" som standard. Disse verdiene bestemmer i utgangspunktet størrelsen på modulsymbolene (dvs. trekantene). Hvis du endrer en hvilken som helst verdi, justeres ett aspekt av trekantsymbolet. For eksempel, hvis jeg skriver "0.8,-1 | 0.5, 1” vil trekantene nå vises litt skjevt til høyre fordi jeg har justert dimensjonene deres.

Du kan leke med verdiene her på egen hånd for å se hvordan du kan tilpasse symbolene. Bare husk at verdiene sannsynligvis bør holde seg under 1.0 ettersom symbolene begynner å blø inn i hverandre når du går utover det (og dermed gjør det QR-koden uleselig).

Gruppe-ID

Det siste feltet er «Gruppe-ID». Dette lar deg manuelt tilordne en ID til QR-koden for ting som å eksportere til en SVG-fil - som er en "skalerbar vektorgrafikk"-fil som også inneholder noe kode. Hvis du lar det stå tomt, vil Inkscape automatisk tildele en ID til koden. Ellers kan du legge til et navn her manuelt. Jeg skrev "Dette er en test" som gruppe-ID. Jeg skal vise deg hvor den vises et øyeblikk.

Klikk på Bruk (gul pil) for å generere QR-koden på komposisjonen din, og klikk deretter på "lukk" for å avslutte QR-kodedialogen (blå pil).

Du kan se gruppe-ID-en ved å trykke ctrl+shift+x for å få opp XML Editor-dialogen (rød pil). Du vil se back-end-koden knyttet til denne genererte QR-koden. På den siste kodelinjen kan du se "Dette er en test" gruppe-ID jeg opprettet (gul pil). I tabellen nedenfor kan du også se metadataene for denne QR-koden, med den andre linjen merket "id" og verdien merket "Dette er en test" (blå pil).

Styler QR-koden

Den genererte QR-koden i seg selv er faktisk to separate objekter – bakgrunns- og forgrunnsmodulene (dvs. de firkantede elementene). Jeg kan klikke på bakgrunnen (grønn pil) med Select-verktøyet (rød pil), og klikke på en farge i fargepaletten min for å endre fargen (blå pil).

Jeg kan gjøre det samme med forgrunnselementene – klikk på dem (grønn pil) med valgverktøyet (rød pil) og klikk på en farge fra fargepaletten min (blå pil) for å endre fargen.

Hvis jeg vil, kan jeg bruke gradienter på begge objektene for å tilpasse fargene ytterligere.

Det er det for denne opplæringen! Hvis du likte det, kan du sjekke ut min andre Inkscape veiledninger or Inkscape Hjelpeartikler.