QR-codegenerator
Maak een QR-code van een link of tekst en download hem als PNG, gemaakt in je browser.
Zo gebruik je QR-codegenerator
Belangrijkste functies van QR-codegenerator
Het symbool wordt opgebouwd door de bibliotheek qrcode-generator en getekend op een canvas in je browser. De tekst die je typt wordt niet naar een server of webdienst gestuurd.
De bibliotheek kiest de kleinste QR-versie die jouw tekst bevat, met foutcorrectieniveau M (ongeveer 15% van het symbool mag beschadigd zijn en nog steeds scannen). Is de tekst te lang voor M, dan valt de tool terug op niveau L, en daarboven krijg je een bericht dat om kortere tekst vraagt.
Elke module wordt getekend als een heel aantal pixels, met een witte rustzone van vier modules rond de code, zodat de PNG scherp en scanbaar blijft. Door die afronding kan de uiteindelijke grootte afwijken van de resolutie die je koos, bij lange tekst tot ongeveer 85 px; de regel onder het voorbeeld toont de exacte grootte voordat je opslaat.
Over QR-codegenerator
QR-codegenerator codeert alles wat je typt als UTF-8 met de bibliotheek qrcode-generator, zodat tekens met accenten en symbolen behouden blijven, en tekent daarna de modules in zwart op wit op een canvas en exporteert het geheel als PNG. Er wordt niets geüpload; de pagina werkt met jouw tekst in het geheugen en levert je de voltooide afbeelding.
Het is handig om een link op een gedrukte flyer te zetten, een contactkaart of wifi-string als tekst aan een bord toe te voegen, of een URL op een dia te delen. De uitvoer is alleen zwart op wit, zonder logo, kleur of SVG-optie, en lange tekst past in geen enkele QR-versie.
Wanneer gebruik je QR-codegenerator?
Een link die in een afgedrukte PDF moet komen, zoals de inschrijfpagina in een evenementenprogramma of een feedbackformulier op een factuur: genereer hier de PNG en plaats hem daarna op de pagina met Afbeelding toevoegen aan PDF, die PNG-bestanden accepteert. Kies Afdrukkwaliteit (800 px) zodat de code scherp blijft op papier.
Een URL voor een visitekaartje of een naamplaatje heeft veel minder nodig. Standaard (300 px) past in de kleine ruimte, en bij 300 dots per inch print het één inch vierkant.
Een lange URL vol trackingparameters geeft een dichte code: meer tekens betekenen meer modules, en bij een vaste pixelgrootte krijgt elke module minder pixels, wat een telefooncamera van een afstand moeilijker leesbaar vindt. Let op het aantal modules onder het live voorbeeld; loopt dat op, kort dan de URL in of kies een groter formaat.
Platte tekst werkt op dezelfde manier: een serienummer, een boekingsreferentie of een wifi-string, en wie hem scant krijgt de tekst om te kopiëren. Voor een code die op een poster moet staan die uit een afbeelding is opgebouwd, sla je de PNG op en maak je de pagina met PNG naar PDF.
Tips en probleemoplossing
- QR-code maken is grijs zolang het tekstvak leeg is (het voorbeeld toont dan ‘Typ iets om de code te zien’) en zolang de tekst te lang is om te coderen; in dat geval kleurt het voorbeeld rood en wordt de reden getoond.
- De regel onder het voorbeeld, bijvoorbeeld ‘25 x 25 modules, 495 x 495 px bij opslaan’, geeft de dichtheid van het symbool en de exacte grootte van de PNG voordat je klikt: 25 modules plus een rustzone van 4 modules aan elke kant is 33, en Hoge resolutie geeft 15 px per module, oftewel 495 px.
- Spaties aan het begin en einde van de tekst worden verwijderd voordat er wordt gecodeerd. Tekst wordt gecodeerd als UTF-8, dus een teken met een accent of een symbool neemt meer dan één byte in beslag en de limiet wordt eerder bereikt dan met gewone letters en cijfers.
- Het bestand heet altijd qrcode.png. Nog een bestand verwerken brengt je terug naar het formulier met jouw tekst en formaat nog ingevuld, zodat je één ding aanpast en opnieuw genereert; hernoem de downloads als je er meerdere maakt.
- De witte rand in de PNG is de rustzone die de QR-standaard vereist, vier modules aan elke kant. Snijd hem niet weg wanneer je de code op een pagina plaatst, en laat er een effen achtergrond omheen staan.
- ‘De QR-encoder is niet geladen’ betekent dat de bibliotheek qrcode-generator niet van het CDN kon worden opgehaald. Controleer je verbinding en laad de pagina opnieuw; eenmaal geladen heeft het genereren helemaal geen netwerk meer nodig.
Zo werkt QR-codegenerator in je browser
De pagina laadt één bibliotheek, qrcode-generator, van cdnjs. Terwijl je typt, wacht een timer van 120 milliseconden tot je pauzeert, waarna de tekst wordt omgezet naar UTF-8-bytes en doorgegeven aan de encoder met type 0, wat de kleinste symboolversie betekent die past, met foutcorrectieniveau M. Past de data niet bij M, dan probeert de tool het nog eenmaal met niveau L voordat hij het opgeeft met het bericht over te lange tekst. De tool neemt het aantal modules van het resultaat, telt er aan elke kant vier bij op voor de rustzone, deelt het gekozen formaat door dat totaal en rondt af om de pixels per module te krijgen, en vult daarna een canvas wit en tekent een zwart vierkant voor elke donkere module. Het voorbeeldcanvas wordt getekend op de volledige uitvoergrootte en met CSS geschaald naar 220 px, dus het is dezelfde afbeelding die je gaat downloaden.
QR-code maken herhaalt de codering op een nieuw canvas en roept canvas.toBlob aan om een PNG te produceren. De Blob wordt op de resultaatkaart getoond via een object-URL en aangeboden door Bestand downloaden. De tekst, het raster en de PNG bestaan alleen in dit tabblad; er wordt geen verzoek met jouw tekst verstuurd, en het opnieuw laden van de pagina wist alles.
Veelgestelde vragen
Wordt de tekst die ik invoer ergens naartoe gestuurd?
Nee. De code wordt gegenereerd door een JavaScript-bibliotheek in je browser en getekend op een canvas. Er wordt geen verzoek met jouw tekst naar een server verstuurd.
Welk formaat heeft de PNG?
Je kiest 300, 500 of 800 px. De tool rondt af naar een heel aantal pixels per module zodat de code scherp blijft, dus bij lange tekst kan de opgeslagen grootte tot ongeveer 85 px groter of kleiner zijn dan de optie die je koos (bijvoorbeeld 370 px voor Standaard). De regel onder het voorbeeld en het resultaatbericht tonen de exacte grootte.
Waarom staat er dat mijn tekst te lang is?
Een QR-code bevat een beperkte hoeveelheid data, en de limiet is lager bij een hogere foutcorrectie. De tool probeert eerst niveau M en daarna niveau L; past de tekst dan nog steeds niet, kort dan de URL of tekst in en probeer het opnieuw.
Kan ik een QR-code maken voor een wifinetwerk of een contactkaart?
Ja, als je de tekst al hebt in het formaat dat telefooncamera's verwachten, zoals een WIFI:-string of een vCard. De tool codeert precies wat je plakt; hij bouwt die formaten niet voor je op, dus controleer de tekst voordat je afdrukt.
Waarom is mijn code moeilijk te scannen?
Meestal omdat hij dicht is of klein is afgedrukt. Elk extra teken voegt modules toe, en bij dezelfde pixelgrootte krijgt elke module minder pixels. Kort de tekst in, kies een grotere resolutie, houd de witte rand aan en druk hem zwart op wit af.
Verloopt de code of stopt hij met werken?
Nee. De PNG is een pure codering van jouw tekst zonder tussenkomst van een doorverwijsdienst, dus deze site speelt geen rol wanneer iemand hem scant. Een code met een URL werkt zolang die URL werkt.
Laatst gecontroleerd op