În acest articol vă voi arăta metoda simplă de generare a codurilor QR folosind Inkscape – editorul gratuit de grafică vectorială.

Codurile QR cresc rapid în popularitate, permițând oamenilor să-și scoată rapid camerele telefonului și să scaneze codul pentru a fi dus la orice adresă URL a site-ului web. Aceste coduri QR au devenit mai răspândite în locuri precum restaurante, permițând clienților să tragă rapid meniul de pe telefoanele lor și astfel să reducă contactul cu un meniu tangibil.

Deci, cum generați un cod QR în Inkscape?

Începeți prin a deschide Inkscape pe computer (puteți descărca software-ul gratuit de pe Inkscape.org). Sub fila „Timp pentru desen” (săgeata roșie din imaginea de mai sus) pentru ecranul de bun venit care apare (presupunând că utilizați Inkscape 1.0 sau mai nou), alegeți o dimensiune a documentului pe baza oricăruia dintre numeroasele șabloane disponibile. Am folosit dimensiunea „Desktop 1080p” sub fila „Ecran” (săgeată galbenă).

Cu noul dvs. document deschis, accesați Extensii> Redare>Cod de bare>Cod QR (săgeata roșie din imaginea de mai sus).

Aceasta va afișa un dialog cu codul QR. Aici, puteți seta diverse setări – inclusiv site-ul web în care doriți să fie direcționați oamenii atunci când codul este scanat cu o cameră a smartphone-ului (aceasta se află sub secțiunea etichetată „text” – săgeata roșie în imaginea de mai sus).

În cazul meu, mi-am tastat site-ul web, „daviesmediadesign.com”, pentru câmpul „text”. Pot să dau clic pe „Aplicați” pentru a genera codul QR (săgeata galbenă), apoi să dau clic pe „Închidere” pentru a ieși din dialog (nu ieșiți din dialog chiar acum dacă doriți să aflați mai multe despre setările avansate în următorul secțiune).

Puteți vedea produsul final în imaginea de mai sus, care a fost generat folosind valorile implicite pentru generatorul de coduri QR de la Inkcape. Acopăr câteva modalități de a personaliza aspectul codului QR mai târziu în acest articol.

De asemenea, pot ajusta câteva setări mai avansate în acest dialog, pe care îl voi trata mai jos.

Setări avansate de cod QR

Până în acest moment, am deschis dialogul de cod QR și am adăugat o adresă URL la câmpul „Text”.

Apoi, dacă bifez opțiunea „Previzualizare live” (săgeata roșie în imaginea de mai sus), pe documentul meu se va afișa un cod QR (săgeată albastră – poate fi necesar să mutați dialogul codului QR din cale pentru a-l vedea).

Sub câmpul de text se află meniul derulant „Dimensiune, în pătrate de unități” (săgeata galbenă în fotografia de mai sus). Această caracteristică vă permite să modificați manual câte date afișează codul QR – ceea ce modifică dimensiunea codului în sine. Nu recomand setarea manuală a acestei valori, deoarece extensia Inkscape creează automat codul QR de dimensiune adecvată pe baza adresei URL pe care o adăugați în câmpul „Text”.

Pentru a spune simplu: cu cât URL-ul este mai lung, cu atât mai mare va fi codul QR. De exemplu, dacă adaug o adresă URL mai lungă de la unul dintre articolele mele de pe site-ul meu web (săgeata roșie în imaginea de mai sus), veți vedea că codul QR va deveni mai mare pentru a găzdui caracterele suplimentare (săgeata albastră). Acesta va conține mai multe „module” sau pătrate mici, deoarece adresa URL mai lungă conține mai multe caractere.

Pentru a reitera, vă recomand să păstrați acest meniu drop-down setat la „auto”.

Următorul meniu vertical este „Nivelul de corectare a erorilor” (săgeata roșie). În mod implicit, acesta va fi setat la „L (aproximativ 7%)”, care funcționează cel mai bine în medii „curate” – sau în situațiile în care nu vă așteptați ca codul QR să se murdărească, să avertizeze sau să fie deteriorat/distrus. Dacă vă așteptați ca codul să fie plasat undeva unde poate fi lovit (adică pe un șantier de construcții, într-un colț aglomerat dintr-un oraș plin de viață etc.), poate doriți să creșteți corectarea erorilor.

Cea mai înaltă setare este „H (aproximativ 30%)”, iar această setare va produce cel mai mare cod QR, conținând și mai multe date. % înseamnă practic cantitatea de date care poate fi distrusă fără a afecta capacitatea codului QR de a fi scanat cu succes.

Setarea „M (aproximativ 15%)” (săgeata roșie) este un compromis bun pentru a vă proteja codul QR împotriva deteriorării fără a face codul prea mare sau prea ocupat.

Următoarea opțiune este meniul derulant „Codificarea caracterelor” (săgeata roșie din imaginea de mai sus). Există patru opțiuni aici, cu cea mai bună opțiune pentru dvs., în funcție de limba sau simbolurile utilizate în adresa URL sau text.

Dacă utilizați o adresă URL standard care este în engleză, puteți rămâne cu „Latin 1”.

Când utilizați anumite limbi europene (non-engleză), este posibil să doriți să utilizați CP 1250 sau CP 1252.

În cele din urmă, dacă utilizați caractere unicode sau simboluri în text, inclusiv simboluri din diferite limbi din întreaga lume, este posibil să doriți să utilizați UTF-8.

Următoarea opțiune, „Inversează codul QR” (săgeata galbenă) este o casetă de selectare care pur și simplu vă permite să schimbați culoarea de fundal a codului QR de la alb la negru (demonstrat de săgeata roșie din imagine). De asemenea, puteți schimba culoarea de fundal ȘI culoarea modulelor principale (formele pătrate) ale codului folosind unele instrumente din Inkscape (mai multe despre asta mai târziu).

Câmpul „Dimensiune pătrată” (săgeată galbenă) vă permite să modificați dimensiunea totală a codului QR. O valoare mai mică micșorează codul QR, iar o valoare mai mare crește întregul cod QR. În acest caz, am schimbat dimensiunea de la 4.0 la 10.0, făcând codul QR mai mare (săgeata roșie). De asemenea, puteți ajusta dimensiunea codului QR după ce ați aplicat modificările folosind alte instrumente din Inkscape. Cu toate acestea, dacă doriți să scalați codul QR în sus sau în jos mai precis (în funcție de dimensiunea modulelor pătrate din interiorul codului, în pixeli), puteți utiliza această opțiune.

Meniul derulant „Tipul de desen” (săgeata galbenă) vă permite să schimbați modul în care sunt desenate modulele din codul QR. În mod implicit, datele sunt reprezentate cu pătrate când este selectată opțiunea „Smooth: neutral”. Cu toate acestea, există și alte setări personalizate din care să alegeți. De exemplu, opțiunea „Cale: cerc” va schimba toate elementele modulului în cercuri (săgeata roșie în exemplul de mai sus). Voi schimba acest lucru înapoi la „Smooth: neutru” implicit pentru următorul pas.

Următoarea opțiune, „Smooth square value (0-1)” (săgeata galbenă în fotografia de mai sus), îmi permite să adaug sau să reduc cantitatea de netezire aplicată modulelor pătrate. În mod implicit, acesta este setat la .2 – ceea ce înseamnă că există puțină netezire în jurul marginilor fiecărui pătrat. Pot mări această valoare până la 1.0, ceea ce adaugă o netezire drastică pătratelor și, astfel, le combină mai mult pe toate (săgeată roșie). O valoare de zero va elimina toată netezirea aplicată pătratelor. Puteți seta această valoare la orice preferi - este în esență doar o modalitate de a modifica estetica codului.

Sub meniul derulant de netezire se află un câmp de text intitulat „Șir cale” (săgeată galbenă) pentru ajustarea aspectului și poziției codului QR atunci când selectați opțiunea „Cale: personalizat” din meniul derulant Tip desen (săgeată roșie). Ar trebui să funcționeze și pentru opțiunea de tip de desen „Simbol”, deși opțiunea de simbol nu funcționează în Inkscape 1.1 – cel puțin nu pentru mine.

Primul articol spune „m 0,1” – aceasta este o coordonată. Dacă modificați prima valoare, aceasta va compensa locația codului QR la stânga sau la dreapta (în funcție de dacă faceți numărul pozitiv sau negativ). Dacă modificați a doua valoare, acesta va compensa codul QR în sus sau în jos (din nou, în funcție de dacă numărul este pozitiv sau negativ). Puteți folosi orice număr aici – sunt destul de sigur că se bazează pe orice unitate în care este setat documentul dvs. (adică pixeli). Această funcție nu este complet necesară, deoarece puteți oricând să vă repoziționați codul QR după ce îl aplicați folosind instrumentul Selectare.

Următorul articol, care este separat de primul element cu „|” simbol, spune „0.5,-1 | 0.5, 1” implicit. Aceste valori determină practic dimensiunea simbolurilor modulului (adică triunghiurile). Schimbarea oricărei valori va ajusta un aspect al simbolului triunghi. De exemplu, dacă tast „0.8,-1 | 0.5, 1” triunghiurile vor apărea acum ușor înclinate spre dreapta, deoarece le-am ajustat dimensiunile.

Vă puteți juca singur cu valorile de aici pentru a vedea cum puteți personaliza simbolurile. Rețineți că, probabil, valorile ar trebui să rămână sub 1.0, deoarece simbolurile încep să se scurgă unul în celălalt atunci când depășiți acest lucru (și astfel codul QR nu poate fi citit).

Ultimul câmp este „ID-ul grupului”. Acest lucru vă permite să atribuiți manual un ID codului QR pentru lucruri precum exportul într-un fișier SVG – care este un fișier „grafică vectorială scalabilă” care conține și un anumit cod. Dacă îl lăsați necompletat, Inkscape va atribui automat un ID codului. În caz contrar, puteți adăuga un nume aici manual. Am tastat „Acesta este un test” ca ID de grup. Îți voi arăta pe moment unde se afișează.

Faceți clic pe Aplicare (săgeată galbenă) pentru a genera codul QR pe ​​compoziția dvs., apoi faceți clic pe „Închidere” pentru a ieși din dialogul codului QR (săgeată albastră).

Puteți vizualiza ID-ul grupului apăsând ctrl+shift+x pentru a afișa dialogul Editor XML (săgeată roșie). Veți vedea codul back-end asociat cu acest cod QR generat. Pe ultima linie de cod puteți vedea ID-ul grupului „Acesta este un test” pe care l-am creat (săgeata galbenă). În tabelul de mai jos, puteți vedea și metadatele pentru acest cod QR, cu a doua linie etichetată „id” și valoarea etichetată „Acesta este un test” (săgeată albastră).

Codul QR generat în sine este de fapt două obiecte separate – modulele de fundal și din prim-plan (adică elementele pătrate). Pot face clic pe fundal (săgeata verde) cu instrumentul Selectare (săgeata roșie) și pot face clic pe o culoare din paleta mea de culori pentru a-i schimba culoarea (săgeata albastră).

Pot face același lucru cu elementele din prim-plan – faceți clic pe ele (săgeata verde) cu instrumentul de selectare (săgeata roșie) și faceți clic pe o culoare din paleta mea de culori (săgeata albastră) pentru a schimba culoarea.

Dacă vreau, pot folosi degrade pe oricare obiect pentru a personaliza în continuare culorile.

Asta e pentru acest tutorial! Dacă ți-a plăcut, poți consulta celelalte mele Tutoriale Inkscape or Articole de ajutor pentru Inkscape.

Abonați-vă la buletinul informativ DMD

Abonați-vă la buletinul informativ DMD

Înscrieți-vă pentru a primi noi tutoriale, actualizări de cursuri și cele mai recente știri despre software-ul dvs. open source preferat!

V-ați abonat cu succes!

Pin Este pe Pinterest