Des codes QR pixel, du pixel art aux fichiers au pixel près
Un code QR pixel est un code QR dessiné en carrés aux bords nets, un carré par module, sans arrondi, sans points et sans dégradé. La même grille peut être exportée en image nette, redessinée dans un éditeur de pixel art, ou construite avec des blocs, des tenons, des carreaux ou des points de broderie. Cette page couvre le look, les constructions et les nombres de pixels qui gardent chaque version scannable.
S'ouvre dans Google Maps. Les coordonnées fonctionnent aussi : 37.4224, -122.0841.
Le code ouvre le formulaire « Rédiger un avis » de ton établissement. Colle l'ID de lieu, ou un lien Google Maps qui le contient.
Un lien UPI n'a pas de somme de contrôle : un identifiant mal saisi donne un code qui se scanne parfaitement et paie quelqu'un d'autre. Colle l'identifiant depuis ton application de paiement au lieu de le taper, et envoie-toi une roupie avant d'imprimer.
Colle-la exactement telle que copiée. KoloQR n'assemble pas la charge utile : il encode celle que ta banque a émise, et la vérifie avant que tu l'imprimes.
SVG, PNG, JPG • Max. 2 Mo
Qu'est-ce qu'un code QR pixel ?
Un code QR pixel est un code QR dans lequel chaque module est un simple carré aux bords nets, si bien que le symbole entier se lit comme une grille de pixels. Un module est une cellule de la grille du code QR, sombre ou claire. Les modules carrés sont la forme que décrit la norme du code QR, ISO/IEC 18004, ce qui fait du style pixel le plus tolérant au scan - à l'opposé des codes QR à points, qui échangent de la marge de scan contre un look plus doux. Les autres styles et contours sont exposés dans les formes de codes QR, et la version, le niveau de correction d'erreurs et le nombre de modules de n'importe quel code existant se lisent avec le décodeur de code QR.
La grille derrière chaque code QR pixel
Un code QR est déjà une grille de pixels, et sa taille en modules est fixée par la quantité de données qu'il contient. Connaître la grille est ce qui rend possible un code QR en pixel art ou construit en blocs.
- La version 1 fait 21 x 21 modules - chaque version ajoute quatre modules par côté : la version 2 fait donc 25 x 25, la version 3 fait 29 x 29, et la plus grande, la version 40, fait 177 x 177.
- La zone de silence ajoute huit à chaque longueur de côté - une zone de silence est la marge vide autour d'un code QR qui permet à un scanner de détecter où le symbole commence et où il finit. À quatre modules de chaque côté, un code en version 1 occupe 29 x 29 cellules au total.
- Des données plus courtes donnent une grille plus petite - au niveau de correction d'erreurs L, la version 1 contient 17 octets, la version 2 en contient 32 et la version 3 en contient 53. Un lien court fait la différence entre une construction de 21 modules et une de 33 modules.
- Les trois carrés d'angle sont fixes - chaque motif de détection fait 7 x 7 modules : un anneau sombre, un anneau clair et un centre sombre de 3 x 3. Ils sont les mêmes dans tous les codes QR et doivent être copiés exactement.
Chaque module compte autant que les autres quand un code QR est reconstruit à la main. Une image générée peut perdre quelques modules sous un logo parce que sa correction d'erreurs a été prévue pour cela ; une grille construite à la main avec dix blocs mal placés a dépensé cette réserve en erreurs.
Le style pixel est le style le plus sûr
Les modules carrés remplissent entièrement leurs cellules : un code QR pixel porte donc le plus d'encre, les bords les plus nets et la marge de scan la plus large de tous les styles de modules. C'est ce qui en fait le bon choix là où les conditions sont déjà difficiles : codes de moins de 2 cm, imprimantes thermiques de tickets, broderie, gravure, écrans basse résolution et tout ce qui est photographié de loin.
Générer un code QR
Où les codes QR pixel fonctionnent le mieux
Le style pixel convient à deux situations très différentes : les designs qui veulent un look rétro 8 bits assumé, et les procédés de fabrication qui ne savent faire que des carrés.
Pixel art et graphismes de jeux rétro
Un code à modules carrés trouve naturellement sa place dans des affiches en pixel art, des menus de jeux indépendants et des overlays de stream. Dessine-le sur la même grille de pixels que le reste du visuel, un pixel du dessin par module.
Minecraft et autres constructions en blocs
Un bloc par module, dans deux matériaux fortement contrastés sur un sol plat. Un code en version 1 fait 21 x 21 blocs, ou 29 x 29 avec sa zone de silence, et se scanne depuis une capture d'écran prise juste au-dessus.
LEGO, carreaux et mosaïques
Un tenon ou un carreau par module. Un code en version 2 demande une surface de 33 x 33 tenons, zone de silence comprise, ce qui tient sur une plaque de base de 48 x 48 avec de la place pour une bordure.
Point de croix, tricot et broderie
Un point par module sur une toile à tissage régulier. Le fil s'étale de façon moins prévisible que l'encre : limite donc le design aux versions 1 à 3 et utilise du noir sur du blanc ou de l'écru.
Matrices LED et écrans basse résolution
Un panneau LED de 32 x 32 peut afficher un code en version 1 avec sa zone de silence complète, 29 x 29 LED au total, à raison d'une LED par module. Allume l'arrière-plan et laisse les modules éteints, pour que le code se lise en sombre sur clair.
Gravure laser et impression thermique
Les procédés qui brûlent, gravent ou chauffent produisent un bord légèrement irrégulier. Des modules carrés pleins laissent le plus de matière par module, et c'est pourquoi les imprimantes de tickets et d'étiquettes les utilisent.
De combien de pixels un code QR a-t-il besoin ?
Une image de code QR a besoin d'un nombre entier de pixels par module, et d'au moins 4 pixels par module là où un appareil photo la lira sur un écran. Les deux règles viennent de la façon dont une grille de modules se cale sur une grille de pixels.
Nombres de pixels pour des fichiers de code QR nets
La taille en pixels d'un code QR est le nombre de modules, zone de silence comprise, multiplié par les pixels donnés à chaque module. Faire le calcul une fois évite les bords flous que produit un redimensionnement.
- Utilise un nombre entier de pixels par module - un code en version 3 fait 29 modules plus 8 pour la zone de silence, 37 au total. À 10 pixels par module, l'image fait exactement 370 x 370 pixels, et chaque bord de module tombe sur une frontière de pixel.
- Évite les tailles intermédiaires - redimensionner cette image de 370 pixels à 400 pixels donne 10,8 pixels à chaque module : certains modules sont alors rendus sur 10 pixels de large et d'autres sur 11, avec des pixels gris le long des bords. Le code scanne encore à cette taille, et paraît flou.
- Agrandis au plus proche voisin, sans lissage - les éditeurs d'images lissent par défaut quand ils agrandissent. Choisis le plus proche voisin, ou en CSS définis image-rendering: pixelated, et n'agrandis que par multiples entiers.
- Prévois 4 pixels par module sur les écrans - dans notre test de décodeur, les modules carrés ont été décodés à 16 positions sur 16 de 2,5 à 10 pixels capturés par module, et à 10 sur 16 à 2 pixels par module. Un appareil photo ne capture jamais un écran pixel pour pixel : 4 pixels affichés par module sont donc un plancher raisonnable.
- Passe au vectoriel pour l'impression et oublie les pixels - un SVG, un PDF ou un EPS stocke chaque module comme un carré géométrique : le fichier n'a donc aucune taille en pixels et s'imprime net à n'importe quelle dimension.
Le test de décodeur derrière la règle des 4 pixels a utilisé jsQR, le décodeur open source présent dans de nombreux scanners en navigateur. Les décodeurs d'appareil photo intégrés à iOS et à Android sont fermés et n'ont pas été testés : considère donc ce chiffre comme un plancher de travail prudent plutôt que comme une limite.
Règles pour un code QR pixel construit à la main
Un code QR construit avec des blocs, des tenons ou des points de broderie suit les mêmes règles qu'un code imprimé, plus quelques-unes qui ne valent que lorsque chaque module est posé à la main.
- Raccourcis d'abord les données - chaque caractère économisé peut faire descendre le code à une version plus petite. Utilise un domaine court et aucun paramètre de suivi, et vérifie le nombre de modules avant d'acheter les matériaux.
- Choisis un générateur qui affiche la version - un niveau de correction d'erreurs plus bas donne une grille plus petite pour le même lien. KoloQR génère chaque code au niveau H pour accueillir un logo : un constructeur qui veut la plus petite grille possible devrait donc utiliser un générateur avec un réglage de niveau L.
- Travaille à partir d'une impression quadrillée - exporte le code en grand, superpose une grille et numérote les lignes et les colonnes. Construis ligne par ligne et coche chaque ligne ; les erreurs viennent du fait de perdre sa place, pas d'avoir mal lu un module.
- Choisis des matériaux plats, mats et très contrastés - du béton noir et blanc dans Minecraft, des plaques noires et blanches en LEGO. Les matériaux texturés, brillants ou lumineux ajoutent du bruit à l'intérieur de chaque module.
- Construis aussi la zone de silence - quatre modules clairs de chaque côté, dans le même matériau que les modules clairs. De l'herbe, un bord de table ou la bordure d'une plaque de base directement contre le code est la raison habituelle pour laquelle une construction échoue.
- Scanne bien en face - photographie ou capture juste au-dessus ou bien en face, avec une lumière uniforme. Teste quand les motifs de détection sont terminés, puis à mi-parcours, pour qu'une erreur soit trouvée avant la dernière ligne.
Idées de codes QR pixel
Quatre constructions et designs, chacun avec le chiffre qui décide s'il fonctionne.
Comment créer un code QR pixel
Un code QR pixel se génère en une minute environ, et il en faut quelques-unes de plus pour le préparer à un pixel art ou à une construction physique.
Générer un code QR- 1
Saisis le lien le plus court qui fonctionne
Colle le lien et retire tout ce qui est facultatif. Moins de caractères, c'est moins de modules, donc moins de pixels, de blocs ou de points de broderie.
- 2
Règle le motif sur Carré
Choisis le motif Carré et le style d'yeux carré, pour que chaque module et les trois motifs de détection soient des carrés aux bords nets.
- 3
Utilise deux couleurs en aplat
Choisis une couleur sombre sur un arrière-plan clair, sans dégradé. Le badge de contraste sous l'aperçu indique si la paire devrait se scanner de façon fiable.
- 4
Exporte en SVG pour l'impression, en PNG pour le travail au pixel
Télécharge le SVG pour tout ce qui est imprimé. Pour du pixel art ou un gabarit de construction, télécharge le PNG et agrandis-le par multiples entiers avec une mise à l'échelle au plus proche voisin.
De simples carrés, bien faits
KoloQR, un générateur de codes QR gratuit avec des codes QR circulaires et de formes personnalisées, fait aussi le modèle le plus simple. Choisis le motif Carré, règle deux couleurs, et le générateur dessine des modules aux bords nets avec des motifs de détection pleins et une mesure du contraste des couleurs que tu as choisies.
KoloQR exporte en SVG, PDF et EPS pour l'impression et en PNG pour les écrans, sans compte et sans filigrane. KoloQR génère chaque code au niveau de correction d'erreurs H et ne fait que des codes QR statiques : la grille est donc plus grande que celle d'un code de niveau L pour le même lien, et la destination ne peut pas être modifiée une fois le code créé.
Générer un code QRFormats d'export pour les codes QR pixel
Le format de fichier décide si les bords nets d'un code QR pixel survivent au trajet vers un écran, une imprimante ou un éditeur.
PNG
Sans perte : les bords des modules restent donc nets. Le bon format pour les éditeurs de pixel art, les textures de jeu et les gabarits de construction. Évite le JPG, dont la compression laisse des artefacts gris le long de chaque bord.
SVG
Chaque module est stocké comme un carré plutôt que comme des pixels : le code est donc net à n'importe quelle taille et le calcul du nombre de pixels ne s'applique plus. Le format à utiliser pour l'impression.
PDF ou EPS
Des formats vectoriels pour les imprimeurs, les graveurs et les fabricants d'enseignes. Les deux s'ouvrent dans Illustrator ou InDesign avec les modules intacts et modifiables.
Questions? Answered
Multiplie le nombre de modules, dont 8 pour la zone de silence, par un nombre entier de pixels par module. Un code en version 3 fait 37 modules de large avec sa marge, soit 370 x 370 pixels à 10 pixels par module. Pour les écrans, prévois au moins 4 pixels par module. Pour l'impression, utilise le SVG ou le PDF, qui n'ont aucune taille en pixels.
L'image a été mise à une taille où chaque module fait une fraction de pixel de large, et l'éditeur a lissé les bords. Ne redimensionne que par multiples entiers - 370 pixels vers 740, pas vers 600 - et règle la méthode de mise à l'échelle sur le plus proche voisin. Dans une page web, la règle CSS image-rendering: pixelated fait la même chose.
Un code QR en version 1 fait 21 x 21 blocs, ou 29 x 29 avec sa zone de silence de quatre blocs, et contient jusqu'à 17 caractères au niveau de correction d'erreurs L. Un lien de site web typique demande une version 2 ou 3, soit 25 ou 29 blocs de large. Utilise un générateur avec une option de niveau L pour garder la construction petite.
Oui, en copiant un code généré module par module ; un code QR ne peut pas être conçu à main levée, parce que le motif est calculé à partir des données. Génère le code, exporte un PNG et réduis-le à 1 pixel par module avec une mise à l'échelle au plus proche voisin. Cette image est déjà du pixel art, prête à être recolorée et placée dans l'éditeur.
Oui, tant que chaque module sombre est nettement plus sombre que chaque module clair. Un scanner convertit l'image en noir et blanc avant de décoder : plusieurs teintes sombres sur un même arrière-plan clair fonctionnent donc. Des modules sombres et clairs de luminosité proche échouent, quelle que soit leur teinte.
Moins que ne le laisse penser le niveau de correction d'erreurs. Le niveau L récupère environ 7 % du symbole et le niveau H environ 30 %, mais les erreurs sont corrigées par blocs de taille fixe : plusieurs erreurs rapprochées peuvent donc faire échouer un bloc. Considère comme intouchables les motifs de détection, les lignes de synchronisation et les bandes de format à côté des motifs de détection.
Oui. Les modules carrés remplissent leurs cellules : ils portent donc environ deux fois l'encre d'un point dessiné à 80 % de la largeur de la cellule, et ne laissent aucun écart qu'un décodeur pourrait mal lire. Pour les petites tailles d'impression, les écrans basse résolution et les procédés de fabrication grossiers, les modules carrés sont le choix le plus sûr.
Ouvre l'appli Appareil photo et pointe-la vers le code QR ; un lien apparaît, à toucher. Un Google Pixel a aussi une tuile Scan QR code dans les Réglages rapides et Google Lens dans la barre de recherche de l'écran d'accueil. Le guide de scan pour Android couvre toutes les voies : comment scanner un code QR avec un téléphone Android.
Oui. KoloQR crée des codes QR à modules carrés gratuitement, téléchargements SVG, PDF, EPS et PNG inclus, sans compte et sans filigrane. Les codes sont statiques : ils n'ont donc aucune limite de scans et n'expirent pas.
Continue d'explorer
Des pages qui prennent la suite de celle-ci : le même contexte, le même type de code ou la prochaine décision à prendre.
Formes de QR codes
Toute la typologie des formes - modules, yeux et cadres - avec les compromis derrière les codes ronds, triangulaires, hexagonaux et carrés.
Codes QR triangle
Des designs QR anguleux et géométriques - comment fonctionne le stylisme triangulaire et quand l'utiliser.
Codes QR hexagone
Des codes au style nid d'abeille pour les marques tech, gaming et éco - avec les conseils de design qui les gardent scannables.
Un QR code rond est un QR code carré déguisé
Les codes façonnés se scannent, parce que la forme ne touche jamais aux données. Ce que coûte réellement une forme, c'est de la largeur : un code triangulaire demande une base d'environ 2,6 fois la largeur de la matrice qu'il contient.
Code QR Etsy
Envoie le scan vers ta boutique Etsy ou vers une annonce, depuis une étiquette ou un panneau de stand.
Codes QR transparents
Des codes sans arrière-plan propre - sur quelles surfaces ils scannent, lesquelles les cassent, et comment en placer un sur des photos, de la vidéo, du verre et des étiquettes transparentes.
Pourquoi KoloQR ?
- Crée des codes QR pour des sites web, des menus, le Wi-Fi, des PDF et des cartes de visite
- Personnalise les couleurs, les logos et des formes uniques
- Télécharge des fichiers PNG et SVG de haute qualité
- Conçu pour l'impression comme pour le numérique
