I denne artikel vil jeg vise dig den enkle metode til at generere QR-koder ved hjælp af Inkscape - den gratis vektorgrafikeditor.

QR-koder er hurtigt stigende i popularitet, hvilket gør det muligt for folk hurtigt at trække deres telefonkameraer frem og scanne koden for at blive ført til en hvilken som helst hjemmeside-URL. Disse QR-koder er blevet mere udbredte på steder som restauranter, hvilket giver kunderne mulighed for hurtigt at trække menuen op på deres telefoner og dermed reducere kontakten med en håndgribelig menu.

Så hvordan genererer du en QR-kode i Inkscape?

Start med at åbne Inkscape på din computer (du kan downloade softwaren gratis fra Inkscape.org). Under fanen "Tid til at tegne" (rød pil i ovenstående billede) for velkomstskærmen, der dukker op (forudsat at du bruger Inkscape 1.0 eller nyere), skal du vælge en dokumentstørrelse baseret på en af ​​de mange tilgængelige skabeloner. Jeg gik med størrelsen "Desktop 1080p" under fanen "Skærm" (gul pil).

Med dit nye dokument åbent, skal du gå til Udvidelser> Gengivelse> Stregkode> QR-kode (rød pil på billedet ovenfor).

Dette vil fremkalde en QR-kode dialog. Her kan du indstille forskellige indstillinger – herunder hjemmesiden, hvor du gerne vil have folk henvist til, når koden scannes med et smartphone-kamera (dette er under sektionen mærket "tekst" - rød pil på billedet ovenfor).

I mit tilfælde skrev jeg min hjemmeside, "daviesmediadesign.com," for feltet "tekst". Jeg kan klikke på "Anvend" for at generere QR-koden (gul pil), og derefter klikke på "Luk" for at forlade dialogen (gå ikke ud af dialogen lige nu, hvis du vil lære mere om avancerede indstillinger i det næste afsnit).

Du kan se det endelige produkt på billedet ovenfor, som blev genereret ved hjælp af standardværdierne for Inkcapes QR-kodegenerator. Jeg dækker nogle måder at tilpasse udseendet af QR-koden på senere i denne artikel.

Jeg kan også justere nogle mere avancerede indstillinger i denne dialog, som jeg vil dække nedenfor.

Avancerede QR-kodeindstillinger

Indtil nu har vi åbnet QR-kodedialogen og tilføjet en URL til feltet "Tekst".

Dernæst, hvis jeg markerer indstillingen "Live Preview" (rød pil i ovenstående billede), vil en QR-kode blive vist på mit dokument (blå pil - du skal muligvis flytte QR-kodedialogen af ​​vejen for at se den).

Under tekstfeltet er rullemenuen "Størrelse, i enhedskvadrater" (gul pil på billedet ovenfor). Denne funktion giver dig mulighed for manuelt at ændre, hvor meget data QR-koden viser – hvilket ændrer størrelsen på selve koden. Jeg anbefaler ikke at indstille denne værdi manuelt, da Inkscape-udvidelsen automatisk opretter den korrekte QR-kode baseret på den URL, du tilføjer til feltet "Tekst".

For at sige det enkelt: Jo længere URL-adressen er, jo større bliver QR-koden. For eksempel, hvis jeg tilføjer en længere URL fra en af ​​mine artikler på min hjemmeside (rød pil på billedet ovenfor), vil du se, at QR-koden bliver større for at rumme de ekstra tegn (blå pil). Den vil indeholde flere "moduler" eller små firkanter, fordi den længere URL indeholder flere tegn.

For at gentage, anbefaler jeg at holde denne dropdown indstillet til "auto".

Den næste dropdown er "Fejlkorrektionsniveauet" (rød pil). Som standard vil dette være indstillet til "L (Ca. 7%)", hvilket fungerer bedst i "rene" miljøer – eller i situationer, hvor du ikke forventer, at QR-koden bliver snavset, advarer eller beskadiget/ødelagt. Hvis du forventer, at koden skal placeres et sted, hvor den kan tåle tæsk (f.eks. på en byggeplads, i et travlt hjørne i en travl by, osv.), vil du måske støde fejlretningen højere op.

Den højeste indstilling er "H (ca. 30%)", og denne indstilling vil producere den største QR-kode, samtidig med at den indeholder flere data. % betyder grundlæggende mængden af ​​data, der kan ødelægges uden at påvirke QR-kodens mulighed for at blive scannet.

Indstillingen "M (Ca. 15%)" (rød pil) er et godt kompromis til at beskytte din QR-kode mod skader uden at gøre koden for stor eller optaget.

Den næste mulighed er rullemenuen "Tegnkodning" (rød pil på billedet ovenfor). Der er fire muligheder her, med den bedste mulighed for dig afhængigt af sproget eller symbolerne, der bruges i din URL eller tekst.

Hvis du bruger en standard-URL, der er på engelsk, kan du holde dig til "Latin 1".

Når du bruger visse europæiske sprog (ikke-engelsk), kan du vælge CP 1250 eller CP 1252.

Endelig, hvis du bruger unicode-tegn eller -symboler i din tekst, inklusive symboler fra forskellige sprog rundt om i verden, kan du vælge UTF-8.

Den næste mulighed, "Inverter QR-kode" (gul pil) er et afkrydsningsfelt, der blot giver dig mulighed for at ændre baggrundsfarven på QR-koden fra hvid til sort (vist med den røde pil på billedet). Du kan også ændre baggrundsfarven OG farven på kodens hovedmoduler (de firkantede former) ved hjælp af nogle værktøjer i Inkscape (mere om det senere).

Feltet "Square Size" (gul pil) lader dig ændre QR-kodens overordnede størrelse. En mindre værdi formindsker QR-koden, og en større værdi skalerer hele QR-koden op. I dette tilfælde ændrede jeg størrelsen fra 4.0 til 10.0, hvilket gjorde QR-koden større (rød pil). Du kan også justere størrelsen på QR-koden, efter du har anvendt dine ændringer ved hjælp af andre værktøjer i Inkscape. Men hvis du ønsker at skalere QR-koden op eller ned mere præcist (baseret på størrelsen af ​​de firkantede moduler inde i koden, i pixels), kan du bruge denne mulighed.

Rullemenuen "Tegningstype" (gul pil) giver dig mulighed for at ændre, hvordan modulerne inde i QR-koden tegnes. Som standard er dataene repræsenteret med firkanter, når indstillingen "Jævn: neutral" er valgt. Der er dog andre brugerdefinerede indstillinger at vælge imellem. For eksempel vil indstillingen "Sti: cirkel" ændre alle modulelementer til cirkler (rød pil i eksemplet ovenfor). Jeg vil ændre dette tilbage til standard "Smooth: neutral" til næste trin.

Den næste mulighed, "Jævn kvadratisk værdi (0-1)" (gul pil på billedet ovenfor), giver mig mulighed for at tilføje eller reducere mængden af ​​udjævning anvendt på de firkantede moduler. Som standard er dette sat til .2 – hvilket betyder, at der er en lille smule udjævning rundt om kanterne af hver firkant. Jeg kan skrue denne værdi helt op til 1.0, hvilket tilføjer drastisk udjævning til firkanterne og på en måde blander dem alle sammen mere (rød pil). En værdi på nul fjerner al udjævning anvendt på firkanterne. Du kan indstille denne værdi til hvad du foretrækker – det er i bund og grund kun en måde at ændre kodens æstetik på.

Under udjævningsrullelisten er et tekstfelt med titlen "Stistreng" (gul pil) til justering af QR-kodens udseende og position, når du vælger indstillingen "Sti: brugerdefineret" fra rullemenuen Tegningstype (rød pil). Det er meningen, at det også skal fungere for "Symbol" Tegningstype, selvom Symbol-indstillingen ikke virker i Inkscape 1.1 - i hvert fald ikke for mig.

Det første punkt siger "m 0,1" - dette er en koordinat. Hvis du ændrer den første værdi, vil det forskyde placeringen af ​​QR-koden til venstre eller højre (afhængigt af om du gør tallet positivt eller negativt). Hvis du ændrer den anden værdi, vil den forskyde QR-koden op eller ned (igen, afhængigt af om tallet er positivt eller negativt). Du kan bruge et hvilket som helst tal her – jeg er ret sikker på, at det er baseret på hvilken enhed dit dokument er sat i (dvs. pixels). Denne funktion er ikke helt nødvendig, da du altid kan flytte din QR-kode, efter du har anvendt den ved hjælp af værktøjet Vælg.

Det næste element, som er adskilt fra det første element med "|" symbol, siger "0.5,-1 | 0.5, 1" som standard. Disse værdier bestemmer grundlæggende størrelsen af ​​modulsymbolerne (dvs. trekanter). Ændring af en værdi vil justere et aspekt af trekantsymbolet. For eksempel, hvis jeg skriver "0.8,-1 | 0.5, 1” vil trekanter nu fremstå skævt lidt til højre, fordi jeg har justeret deres dimensioner.

Du kan selv lege med værdierne her for at se, hvordan du kan tilpasse symbolerne. Bare husk på, at værdierne nok skal forblive under 1.0, da symbolerne begynder at bløde ind i hinanden, når du går ud over det (og dermed gør det QR-koden ulæselig).

Det sidste felt er "Gruppe-id". Dette giver dig mulighed for manuelt at tildele et ID til QR-koden for ting som at eksportere til en SVG-fil - som er en "skalerbar vektorgrafik"-fil, der også indeholder noget kode. Hvis du lader det stå tomt, vil Inkscape automatisk tildele et ID til koden. Ellers kan du tilføje et navn her manuelt. Jeg skrev "Dette er en test" som gruppe-id. Jeg vil vise dig, hvor det vises et øjeblik.

Klik på Anvend (gul pil) for at generere QR-koden på din komposition, og klik derefter på "luk" for at afslutte QR-kodedialogen (blå pil).

Du kan se gruppe-id'et ved at trykke på ctrl+shift+x for at få vist XML Editor-dialogen (rød pil). Du vil se back-end-koden forbundet med denne genererede QR-kode. På den sidste kodelinje kan du se gruppe-id'et "Dette er en test" jeg oprettede (gul pil). I tabellen nedenfor kan du også se metadataene for denne QR-kode, med den anden linje mærket "id" og værdien mærket "Dette er en test" (blå pil).

Selve den genererede QR-kode er faktisk to separate objekter – baggrunds- og forgrundsmodulerne (dvs. de firkantede elementer). Jeg kan klikke på baggrunden (grøn pil) med værktøjet Vælg (rød pil), og klikke på en farve i min farvepalet for at ændre dens farve (blå pil).

Jeg kan gøre det samme med forgrundselementerne – klik på dem (grøn pil) med markeringsværktøjet (rød pil) og klik på en farve fra min farvepalet (blå pil) for at ændre farven.

Hvis jeg vil, kan jeg bruge gradienter på begge objekter til yderligere at tilpasse farverne.

Det er det til denne tutorial! Hvis du kunne lide det, kan du tjekke min anden Inkscape Tutorials or Inkscape Hjælp artikler.

Abonner på DMD-nyhedsbrevet

Abonner på DMD-nyhedsbrevet

Tilmeld dig for at modtage nye tutorials, kursusopdateringer og de seneste nyheder om din yndlings open source software!

Du har abonnement!

Pin det på Pinterest