Des codes QR transparents qui scannent quand même sur la surface derrière eux
Un code QR transparent est un code QR exporté sans arrière-plan : seuls les modules sombres sont dessinés et tout le reste laisse voir ce qu'il y a derrière. La surface derrière le code fait alors partie du code : une surface claire et unie scanne, une surface sombre, à motifs ou en mouvement ne scanne pas. Cette page couvre où les codes QR transparents fonctionnent, où ils échouent, et comment corriger ces échecs sans perdre le look.
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 transparent ?
Un code QR transparent est une image de code QR dont l'arrière-plan est entièrement transparent, ce qui ne laisse visibles que les modules sombres. Les modules clairs d'un code QR transparent ne sont pas dessinés du tout ; ce sont des vides, et un scanner lit la couleur qui apparaît à travers ces vides. Un code QR à arrière-plan transparent n'est donc scannable que dans la mesure où la surface sur laquelle il est posé l'est. Pour les codes qui portent leur propre couleur d'arrière-plan, vois les codes QR en couleur. Là où la surface n'est pas idéale, les modules carrés sont le style le plus tolérant - vois les codes QR pixel - et un cadre de code QR est une façon de donner au code un aplat clair.
Ce que la transparence change
Retirer l'arrière-plan ne change ni les données d'un code QR ni la façon dont un téléphone le décode. Cela change qui est responsable de trois choses qu'un code QR normal apporte avec lui.
- Les modules clairs deviennent la surface - un scanner a besoin que chaque module clair soit nettement plus clair que chaque module sombre. Sans arrière-plan dans le fichier, ce contraste n'existe que si la surface derrière le code est claire et unie.
- La zone de silence devient la surface elle aussi - 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. La norme ISO/IEC 18004 la fixe à quatre modules de chaque côté, et sur un code transparent cette marge doit être de la surface dégagée, pas un visuel voisin.
- Le contraste n'est plus fixé à l'export - un code QR avec son propre arrière-plan a le même contraste partout où il est utilisé. Un code QR transparent a un contraste différent sur chaque surface : il doit donc être vérifié à nouveau chaque fois qu'il est placé.
- Seuls certains formats de fichier peuvent la conserver - PNG, SVG, PDF et EPS stockent la transparence. Le JPG ne le peut pas, et enregistrer un code QR transparent en JPG remplit l'arrière-plan de blanc ou de noir, selon le programme.
Un code QR transparent est une commodité de design plutôt qu'un autre type de code. Il évite d'assortir une couleur d'arrière-plan à la main, et il permet à un seul fichier de se poser sur plusieurs surfaces claires. Il ne fait pas fonctionner un code sur une surface où un code normal échouerait.
Le damier ne fait pas partie du code
Les outils de design et les générateurs représentent la transparence par un damier gris et blanc. Le damier est une convention d'aperçu et n'est jamais exporté ni imprimé. Si un code QR téléchargé montre un damier après avoir été placé dans un document, le fichier était une capture d'écran de l'aperçu et non l'export transparent.
Générer un code QR
Où les codes QR transparents fonctionnent le mieux
Un code QR transparent convient à toute mise en page où le code doit se poser directement sur une surface claire, sans boîte blanche visible autour de lui.
Aplats de couleur claire dans une mise en page
Un code sombre sur un aplat crème, gris pâle ou pastel, sans carré blanc qui casse le design. Un seul fichier transparent sert toutes les couleurs d'aplat d'un système de marque, tant que chacune est claire.
Diapositives et documents
Un PNG ou un SVG transparent se pose sur un fond de diapositive clair sans boîte. Sur un modèle de diapositive sombre, place d'abord un aplat clair arrondi derrière le code.
Papier kraft, crème et teinté
N'imprimer que les modules sombres laisse le papier servir d'arrière-plan. Le papier kraft est plus foncé qu'il n'y paraît : utilise donc l'encre la plus sombre disponible et imprime une épreuve.
Emballages en ton direct
Un travail d'impression en une couleur ne peut pas imprimer une boîte blanche. Un code vectoriel transparent s'imprime en une seule encre sur la surface claire du carton lui-même.
Gravure laser et vinyle découpé
Les graveurs et les plotters de découpe ont besoin des seuls modules sombres sous forme de tracés vectoriels. Un SVG transparent fournit exactement cela, sans rectangle d'arrière-plan à supprimer.
Produits dérivés sur tissu clair
Une sérigraphie en une couleur sur un vêtement blanc ou pâle. La texture du tissu adoucit les bords : imprime donc le code plus grand qu'il ne le serait sur papier.
Sur quelles surfaces un code QR transparent scanne
Un code QR transparent scanne sur une surface plus claire que les modules, de ton uniforme et immobile. Il échoue sur les surfaces sombres, à motifs, en mouvement ou transparentes. Chaque échec a une solution qui conserve l'essentiel du look sans bordure.
Les surfaces qui cassent un code QR transparent
Voici les cinq placements qui empêchent le plus souvent un code QR transparent de scanner, avec la raison de chacun.
- Les arrière-plans sombres - des modules sombres sur une surface sombre n'ont aucun contraste. Recolorer les modules en blanc produit un code QR inversé, que la norme autorise mais que les scanners de téléphone décodent de façon inégale. Place plutôt un aplat clair derrière le code.
- Les photographies - la luminosité d'une photo varie d'un module à l'autre : certains vides se lisent donc comme clairs et d'autres comme sombres. Même une photo pâle a en général des ombres ou des détails qui traversent le code.
- Les dégradés et les motifs - un dégradé clair dans un angle et en demi-teinte dans l'autre donne au code un contraste élevé d'un côté et faible de l'autre. Un scanner fixe un seul seuil pour toute une région, et la moitié du code tombe du mauvais côté de ce seuil.
- La vidéo et les streams en direct - un code QR transparent posé sur des images en mouvement a un arrière-plan qui change à chaque image. Un code qui scanne pendant une scène lumineuse cesse de scanner dans une scène sombre.
- Le verre, les vitrines et les étiquettes transparentes - un code imprimé sur un film transparent n'a aucun arrière-plan : le scanner voit la rue derrière la vitrine ou le liquide dans la bouteille. Une étiquette transparente sur une boisson sombre est un code sombre sur une surface sombre.
Comme règle de travail, la surface derrière un code QR transparent devrait donner un rapport de contraste d'au moins 4:1 avec les modules pour un usage à l'écran et de 7:1 pour l'impression. Ce sont les mêmes cibles que pour un code QR avec son propre arrière-plan.
Comment corriger chacun de ces cas
Chacune de ces solutions ajoute une zone claire et unie directement derrière le code. La zone peut prendre la forme et la couleur qui conviennent au design ; il faut seulement qu'elle soit là.
- Ajoute un aplat clair derrière le code - un rectangle arrondi ou un cercle en blanc ou dans une couleur de marque pâle, qui dépasse le code d'au moins quatre modules de chaque côté. Sur une photo ou une mise en page sombre, c'est toute la solution.
- Utilise un aplat semi-opaque sur la vidéo - un aplat blanc à une opacité de 85 à 100 % garde l'arrière-plan stable tout en laissant à l'incrustation un aspect léger. Sous environ 85 %, les images commencent à transparaître dans les modules clairs.
- Imprime une couche de blanc sur un support transparent - pour les autocollants de vitrine et les étiquettes transparentes, demande à l'imprimeur un blanc de soutien derrière la zone du code. La couche blanche est imprimée en premier et les modules sombres par-dessus : le code porte ainsi son propre arrière-plan sur le verre.
- Choisis la partie la plus claire de la mise en page - là où l'on ne veut pas d'aplat, déplace le code vers une zone déjà claire et unie, et vérifie que la zone de silence est libre de tout texte et de tout bord.
- Vérifie le contraste sur la vraie surface - prélève la couleur de la surface et la couleur des modules et compare-les dans le vérificateur de contraste QR. Une mesure de contraste prise par rapport au blanc ne dit rien d'un code posé sur du beige.
Idées de codes QR transparents
Quatre placements où retirer l'arrière-plan améliore le design, avec le détail qui garde chacun scannable.
Comment créer un code QR transparent
Un code QR transparent se crée en une minute environ. L'essentiel du soin porte sur l'endroit où il est placé ensuite.
Générer un code QR- 1
Ajoute ton contenu
Colle le lien, ou choisis un autre type comme Wi-Fi ou e-mail, et génère le code.
- 2
Active Arrière-plan transparent
Ouvre l'onglet Couleurs et coche Arrière-plan transparent. L'aperçu montre un damier derrière le code, qui marque la zone transparente et n'est pas exporté.
- 3
Choisis une couleur de module sombre
Choisis une couleur qui soit sombre par rapport à la surface sur laquelle le code sera posé. Le noir, le bleu marine, le vert foncé et le brun profond fonctionnent tous sur des surfaces claires.
- 4
Exporte en PNG ou en SVG, puis teste en place
Télécharge le PNG pour les écrans ou le SVG pour l'impression, place le code sur son vrai arrière-plan et scanne-le là avec deux téléphones avant de publier ou d'imprimer.
Un code sans boîte autour de lui
KoloQR, un générateur de codes QR gratuit avec des codes QR circulaires et de formes personnalisées, a une option Arrière-plan transparent dans son onglet Couleurs. Coche-la et le générateur ne dessine que les modules, les motifs de détection et un éventuel logo, dans des contours carrés, circulaires, triangulaires ou hexagonaux.
La mesure de contraste de KoloQR traite un code transparent comme s'il était posé sur du blanc, parce que le générateur ne peut pas connaître la surface finale. Vérifie toi-même la couleur de la vraie surface avant d'imprimer. KoloQR exporte des PNG, SVG, PDF et EPS transparents sans compte et sans filigrane, et ne fait que des codes QR statiques.
Générer un code QRFormats d'export pour les codes QR transparents
La transparence ne survit que dans les formats capables de la stocker, et seulement si le programme qui ouvre le fichier la respecte.
PNG
Stocke la transparence et fonctionne dans les diapositives, les documents, les sites web, les logiciels de montage vidéo et de streaming. Exporte à la plus grande taille nécessaire, car un PNG devient flou quand on l'agrandit.
SVG
Transparent par nature : le fichier contient les formes des modules et rien d'autre. Le format pour l'impression, la découpe de vinyle et la gravure, net à n'importe quelle taille.
PDF ou EPS
Des formats vectoriels pour les imprimeurs. Les deux gardent l'arrière-plan vide, ce qui permet à un imprimeur d'ajouter un blanc de soutien ou un ton direct derrière le code dans une couche séparée.
Questions? Answered
Oui, sur une surface claire et unie. Un code QR transparent n'a pas d'arrière-plan propre : la surface derrière lui joue donc le rôle des modules clairs. Sur du blanc, du crème ou une couleur pâle, le code scanne comme n'importe quel autre. Sur un arrière-plan sombre, à motifs ou en mouvement, il échoue et a besoin d'un aplat clair derrière lui.
Pas directement. La luminosité d'une photographie change sur la zone du code : certains modules clairs se lisent donc comme sombres. Place un aplat blanc ou pâle derrière le code, qui le dépasse d'au moins quatre modules de chaque côté. L'aplat peut être arrondi ou teinté pour s'accorder à la photo.
Le fichier a été enregistré en JPG ou ouvert dans un programme qui ne gère pas la transparence. Le JPG n'a pas de transparence, et beaucoup de programmes remplissent la zone vide de noir. Un code sombre sur du noir est invisible. Télécharge à nouveau le code en PNG ou en SVG, et insère le fichier plutôt que de le coller depuis le presse-papiers.
Régénère le code avec un arrière-plan transparent si tu le peux ; c'est plus propre que de le retoucher. Retirer le blanc d'un PNG dans un éditeur d'images laisse un halo pâle de pixels à moitié transparents autour de chaque module, qui apparaît comme une frange sur les surfaces colorées. Si les données d'origine sont inconnues, décode d'abord le code et génère-le à nouveau.
Seulement avec une couche blanche derrière lui. Sur un film transparent, l'arrière-plan du code est ce qui se trouve derrière le verre, qui change avec la lumière et est souvent sombre. Demande à l'imprimeur un blanc de soutien sous la zone du code, ou utilise du vinyle blanc sur lequel le code est imprimé.
Évite-le quand tu le peux. Des modules blancs sur une surface sombre forment un code QR inversé, que la norme du code QR autorise mais que les scanners de téléphone décodent de façon inégale. Un code sombre sur un aplat clair posé sur l'arrière-plan sombre scanne sur bien plus d'appareils.
Oui. La zone de silence de quatre modules de chaque côté s'applique toujours ; elle n'est simplement pas dessinée dans le fichier. Garde le texte, les images et le bord de la mise en page hors de cette marge, et assure-toi que la surface à l'intérieur a le même ton clair que la surface derrière le code.
Oui. Le logo se place au centre comme d'habitude, et la zone autour de lui est dégagée pour qu'il reste lisible. Sur un code transparent, cette zone dégagée est transparente elle aussi : vérifie donc que le logo a assez de contraste avec la surface finale aussi bien qu'avec les modules.
Oui. KoloQR crée des codes QR transparents gratuitement, téléchargements PNG, SVG, PDF et EPS 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.
Codes QR en couleur
Mets ta palette sur un code QR sans le casser : quelle couleur va sur le motif et laquelle appartient au cadre.
Cadres de code QR
Bordures, étiquettes et texte d'appel à l'action autour d'un code, plus les supports en acrylique et les porte-affiches - avec les règles de marge et de taille qui gardent un code encadré scannable.
Pourquoi un code QR ne scanne pas, et comment savoir quel défaut vous avez
Les trois façons dont un code QR échoue - jamais détecté, mal lu, ou parfaitement lu vers une destination cassée - et comment le symptôme vous dit laquelle vous avez avant toute mesure.
Neuf choses à vérifier avant d'envoyer un code QR à l'impression
Les neuf vérifications entre un fichier de code QR et un tirage qui fonctionne, chacune avec le nombre à passer et la page qui explique pourquoi.
Cinquante paires de couleurs pour codes QR, et lesquelles survivent à l'impression
Cinquante paires de couleurs pour codes QR avec le rapport de contraste calculé pour chacune, groupées selon qu'elles passent le seuil de l'impression, celui de l'écran, ou aucun des deux.
Agences événementielles
Des codes produits pour l'événement d'un client : redirections client, spécifications exposants, séries de badges et signalétique dimensionnée pour la salle.
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
