Códigos QR en píxeles, del pixel art a los archivos perfectos al píxel
Un código QR en píxeles es un código QR dibujado con cuadrados de bordes duros, un cuadrado por módulo, sin redondeos, puntos ni degradados. La misma cuadrícula se puede exportar como una imagen nítida, redibujar en un editor de pixel art o construir con bloques, studs, teselas o puntadas. Esta página cubre el aspecto, las construcciones y los recuentos de píxeles que mantienen escaneable cada versión.
Se abre en Google Maps. Las coordenadas también funcionan: 37.4224, -122.0841.
El código abre el formulario «Escribir una reseña» de tu negocio. Pega el ID de lugar o un enlace de Google Maps que lo contenga.
Un enlace UPI no lleva suma de verificación: un ID mal escrito genera un código que se escanea perfectamente y le paga a otra persona. Pega el ID desde tu app de pagos en lugar de teclearlo, y mándate una rupia antes de imprimir.
Pégala exactamente como la copiaste. KoloQR no arma el payload: codifica el que emitió tu banco y lo comprueba antes de que lo imprimas.
SVG, PNG, JPG • Máx. 2 MB
¿Qué es un código QR en píxeles?
Un código QR en píxeles es un código QR en el que cada módulo es un cuadrado simple de bordes duros, de modo que todo el símbolo se lee como una cuadrícula de píxeles. Un módulo es una celda de la cuadrícula del código QR, oscura o clara. Los módulos cuadrados son la forma que describe la norma del código QR, ISO/IEC 18004, lo que hace del estilo de píxeles el más tolerante al escanear - el extremo opuesto a los códigos QR de puntos, que cambian margen de escaneo por un aspecto más suave. Los demás estilos y contornos se explican en formas de códigos QR, y la versión, el nivel de corrección de errores y el número de módulos de cualquier código existente se pueden leer con el decodificador de códigos QR.
La cuadrícula que hay detrás de todo código QR en píxeles
Un código QR ya es una cuadrícula de píxeles, y su tamaño en módulos lo fija la cantidad de datos que guarda. Conocer la cuadrícula es lo que hace posible un código QR en pixel art o construido con bloques.
- La versión 1 mide 21 x 21 módulos - cada versión añade cuatro módulos por lado, así que la versión 2 mide 25 x 25, la versión 3 mide 29 x 29, y la mayor, la versión 40, mide 177 x 177.
- La zona de silencio añade ocho a la longitud de cada lado - una zona de silencio es el margen vacío alrededor de un código QR que permite a un escáner detectar dónde empieza y acaba el símbolo. Con cuatro módulos en cada lado, un código de versión 1 ocupa 29 x 29 celdas en total.
- Menos datos significan una cuadrícula más pequeña - con nivel de corrección de errores L, la versión 1 guarda 17 bytes, la versión 2 guarda 32 y la versión 3 guarda 53. Un enlace corto es la diferencia entre una construcción de 21 módulos y una de 33.
- Los tres cuadrados de las esquinas son fijos - cada patrón de localización mide 7 x 7 módulos: un anillo oscuro, un anillo claro y un centro oscuro de 3 x 3. Son iguales en todos los códigos QR y hay que copiarlos con exactitud.
Todos los módulos importan por igual cuando un código QR se reconstruye a mano. Una imagen generada puede perder unos cuantos módulos bajo un logo porque su corrección de errores se planificó para eso; una cuadrícula hecha a mano con diez bloques mal colocados ha gastado esa reserva en errores.
El estilo de píxeles es el estilo más seguro
Los módulos cuadrados llenan sus celdas por completo, así que un código QR en píxeles lleva más tinta, bordes más nítidos y un margen de escaneo más amplio que cualquier otro estilo de módulo. Eso lo convierte en la elección correcta donde las condiciones ya son difíciles: códigos de menos de 2 cm, impresoras térmicas de tiques, bordado, grabado, pantallas de baja resolución y cualquier cosa que se fotografíe desde lejos.
Generar código QR
Dónde funcionan mejor los códigos QR en píxeles
El estilo de píxeles encaja en dos situaciones muy distintas: diseños que buscan un aire retro de 8 bits deliberado, y métodos de producción que solo pueden hacer cuadrados.
Pixel art y gráficos de juegos retro
Un código de módulos cuadrados encaja de forma natural en pósteres de pixel art, menús de juegos indie y overlays de directos. Dibújalo en la misma cuadrícula de píxeles que el resto del arte, un píxel de arte por módulo.
Minecraft y otras construcciones con bloques
Un bloque por módulo, en dos materiales de contraste fuerte sobre terreno plano. Un código de versión 1 mide 21 x 21 bloques, o 29 x 29 con su zona de silencio, y se escanea desde una captura de pantalla tomada justo desde arriba.
LEGO, teselas y mosaicos
Un stud o una tesela por módulo. Un código de versión 2 necesita un área de 33 x 33 studs incluida la zona de silencio, que cabe en una base de 48 x 48 con sitio para un borde.
Punto de cruz, punto y bordado
Una puntada por módulo sobre una tela de trama regular. El hilo se expande de forma menos previsible que la tinta, así que limita el diseño a las versiones 1 a 3 y usa negro sobre blanco o crema.
Matrices LED y pantallas de baja resolución
Un panel LED de 32 x 32 puede mostrar un código de versión 1 con su zona de silencio completa, 29 x 29 LED en total, a un LED por módulo. Enciende el fondo y deja apagados los módulos, para que el código se lea como oscuro sobre claro.
Grabado láser e impresión térmica
Los procesos que queman, graban o calientan producen un borde algo irregular. Los módulos cuadrados completos dejan la mayor cantidad de material por módulo, y por eso los usan las impresoras de tiques y de etiquetas.
¿Cuántos píxeles necesita un código QR?
Una imagen de código QR necesita un número entero de píxeles por módulo, y al menos 4 píxeles por módulo allí donde una cámara lo vaya a leer desde una pantalla. Las dos reglas salen de cómo una cuadrícula de módulos se proyecta sobre una cuadrícula de píxeles.
Recuentos de píxeles para archivos de código QR nítidos
El tamaño en píxeles de un código QR es el número de módulos, incluida la zona de silencio, multiplicado por los píxeles que se dan a cada módulo. Calcularlo una vez evita los bordes borrosos que produce el redimensionado.
- Usa un número entero de píxeles por módulo - un código de versión 3 tiene 29 módulos más 8 de la zona de silencio, 37 en total. A 10 píxeles por módulo la imagen mide exactamente 370 x 370 píxeles, y cada borde de módulo cae en un límite de píxel.
- Evita los tamaños intermedios - redimensionar esa imagen de 370 píxeles a 400 píxeles da a cada módulo 10,8 píxeles, así que unos módulos se representan con 10 de ancho y otros con 11, con píxeles grises a lo largo de los bordes. El código sigue escaneándose a ese tamaño, y se ve blando.
- Escala con vecino más cercano, no con suavizado - los editores de imagen suavizan por defecto al ampliar. Elige vecino más cercano, o en CSS define image-rendering: pixelated, y amplía solo por múltiplos enteros.
- Da 4 píxeles por módulo en pantallas - en nuestra prueba del decodificador, los módulos cuadrados se decodificaron en 16 de 16 posiciones de 2,5 a 10 píxeles capturados por módulo, y en 10 de 16 a 2 píxeles por módulo. Una cámara nunca captura una pantalla píxel a píxel, así que 4 píxeles mostrados por módulo es un suelo sensato.
- Usa vectorial para imprimir y olvídate de los píxeles - un SVG, un PDF o un EPS guardan cada módulo como un cuadrado geométrico, así que el archivo no tiene tamaño en píxeles y se imprime nítido a cualquier dimensión.
La prueba del decodificador que hay detrás de la regla de los 4 píxeles usó jsQR, un decodificador de código abierto que llevan dentro muchos escáneres basados en el navegador. Los decodificadores integrados en las cámaras de iOS y Android son cerrados y no se probaron, así que toma la cifra como un suelo de trabajo conservador y no como un límite.
Reglas para un código QR en píxeles hecho a mano
Un código QR construido con bloques, studs o puntadas sigue las mismas reglas que uno impreso, más unas cuantas que solo valen cuando cada módulo se coloca a mano.
- Primero acorta los datos - cada carácter que ahorras puede bajar el código a una versión más pequeña. Usa un dominio corto y ningún parámetro de seguimiento, y comprueba el número de módulos antes de comprar materiales.
- Elige un generador que muestre la versión - un nivel de corrección de errores más bajo da una cuadrícula más pequeña para el mismo enlace. KoloQR genera todos los códigos con nivel H para admitir logos, así que quien quiera la cuadrícula más pequeña posible debería usar un generador con un ajuste de nivel L.
- Trabaja a partir de una copia impresa con cuadrícula - exporta el código en grande, superpón una cuadrícula y numera las filas y las columnas. Construye fila a fila y tacha cada fila; los errores vienen de perder el sitio, no de leer mal un módulo.
- Elige materiales planos, mates y de alto contraste - hormigón blanco y negro en Minecraft, placas blancas y negras en LEGO. Los materiales con textura, brillantes o luminosos añaden ruido dentro de cada módulo.
- Construye también la zona de silencio - cuatro módulos claros en cada lado, del mismo material que los módulos claros. La hierba, el borde de una mesa o el marco de una base pegados al código son el motivo habitual por el que falla una construcción.
- Escanea de frente - fotografía o captura justo desde arriba o desde delante, con luz uniforme. Prueba cuando los patrones de localización estén terminados, y otra vez a la mitad, para encontrar un error antes de la última fila.
Ideas de códigos QR en píxeles
Cuatro construcciones y diseños, cada uno con la cifra que decide si funciona.
Cómo hacer un código QR en píxeles
Un código QR en píxeles se genera en alrededor de un minuto, y se prepara en unos pocos más para un pixel art o una construcción física.
Generar código QR- 1
Introduce el enlace más corto que funcione
Pega el enlace y quita todo lo opcional. Menos caracteres significan menos módulos, es decir, menos píxeles, bloques o puntadas.
- 2
Pon el patrón en Cuadrado
Elige el patrón Cuadrado y el estilo de ojos cuadrado, para que cada módulo y los tres patrones de localización sean cuadrados de bordes duros.
- 3
Usa dos colores planos
Elige un color oscuro sobre un fondo claro, sin degradado. El indicador de contraste que hay bajo la vista previa muestra si el par debería escanearse sin problemas.
- 4
Exporta SVG para imprimir y PNG para trabajar con píxeles
Descarga SVG para cualquier cosa impresa. Para pixel art o una plantilla de construcción, descarga PNG y amplíalo por múltiplos enteros con escalado de vecino más cercano.
Cuadrados simples, bien hechos
KoloQR, un generador de códigos QR gratuito con códigos QR circulares y de formas personalizadas, también hace los más sencillos. Elige el patrón Cuadrado, define dos colores, y el generador dibuja módulos de bordes duros con patrones de localización macizos y una lectura de contraste de los colores que has elegido.
KoloQR exporta SVG, PDF y EPS para imprimir y PNG para pantallas, sin cuenta y sin marca de agua. KoloQR genera todos los códigos con nivel de corrección de errores H y solo hace códigos QR estáticos, así que la cuadrícula es más grande que la de un código de nivel L con el mismo enlace, y el destino no se puede cambiar una vez hecho el código.
Generar código QRFormatos de exportación para códigos QR en píxeles
El formato de archivo decide si los bordes duros de un código QR en píxeles sobreviven al viaje hasta una pantalla, una impresora o un editor.
PNG
Sin pérdida, así que los bordes de los módulos se mantienen duros. El formato adecuado para editores de pixel art, texturas de juegos y plantillas de construcción. Evita el JPG, cuya compresión deja artefactos grises a lo largo de cada borde.
SVG
Cada módulo se guarda como un cuadrado y no como píxeles, así que el código es nítido a cualquier tamaño y la aritmética del recuento de píxeles deja de aplicarse. El formato que hay que usar para imprimir.
PDF o EPS
Formatos vectoriales para imprentas, grabadores y rotulistas. Los dos se abren en Illustrator o InDesign con los módulos intactos y editables.
Questions? Answered
Multiplica el número de módulos, incluidos 8 de la zona de silencio, por un número entero de píxeles por módulo. Un código de versión 3 mide 37 módulos de ancho con su margen, es decir, 370 x 370 píxeles a 10 píxeles por módulo. Para pantallas, da al menos 4 píxeles por módulo. Para imprimir, usa SVG o PDF, que no tienen ningún tamaño en píxeles.
La imagen se escaló a un tamaño en el que cada módulo mide una fracción de píxel de ancho, y el editor suavizó los bordes. Redimensiona solo por múltiplos enteros - de 370 píxeles a 740, no a 600 - y pon el método de escalado en vecino más cercano. En una página web, la regla de CSS image-rendering: pixelated hace lo mismo.
Un código QR de versión 1 mide 21 x 21 bloques, o 29 x 29 con su zona de silencio de cuatro bloques, y guarda hasta 17 caracteres con nivel de corrección de errores L. Un enlace web típico necesita la versión 2 o 3, que mide 25 o 29 bloques de ancho. Usa un generador con opción de nivel L para que la construcción sea pequeña.
Sí, copiando módulo a módulo un código generado; un código QR no se puede diseñar a mano alzada, porque el patrón se calcula a partir de los datos. Genera el código, exporta un PNG y redúcelo a 1 píxel por módulo con escalado de vecino más cercano. Esa imagen ya es pixel art, lista para recolorear y colocar en el editor.
Sí, siempre que cada módulo oscuro sea claramente más oscuro que cada módulo claro. Un escáner convierte la imagen a blanco y negro antes de decodificar, así que varios tonos oscuros sobre un único fondo claro funcionan. Los módulos oscuros y claros que comparten un brillo parecido fallan, sea cual sea su tono.
Menos de los que sugiere el nivel de corrección de errores. El nivel L recupera alrededor del 7% del símbolo y el nivel H alrededor del 30%, pero los errores se corrigen en bloques de tamaño fijo, así que varios errores muy juntos pueden vencer a un bloque. Trata como intocables los patrones de localización, las líneas de sincronización y las franjas de formato que hay junto a los patrones de localización.
Sí. Los módulos cuadrados llenan sus celdas, así que llevan alrededor del doble de tinta que un punto dibujado al 80% del ancho de la celda, y no dejan huecos que un decodificador pueda leer mal. Para tamaños de impresión pequeños, pantallas de baja resolución y métodos de producción toscos, los módulos cuadrados son la opción más segura.
Abre la aplicación Cámara y apúntala al código QR; aparece un enlace para tocar. Un Google Pixel tiene además el icono Escanear código QR en Ajustes rápidos y Google Lens en la barra de búsqueda de la pantalla de inicio. La guía de escaneo en Android cubre todas las vías: cómo escanear un código QR con un móvil Android.
Sí. KoloQR hace códigos QR de módulos cuadrados gratis, con descargas en SVG, PDF, EPS y PNG, sin cuenta y sin marca de agua. Los códigos son estáticos, así que no tienen límite de escaneos y no caducan.
Sigue explorando
Páginas que continúan donde esta termina: el mismo contexto, el mismo tipo de código o la siguiente decisión que tomar.
Formas de códigos QR
Toda la taxonomía de formas - módulos, ojos y marcos - con las ventajas y los límites de los códigos redondos, triangulares, hexagonales y cuadrados.
Códigos QR triangulares
Diseños de QR angulares y geométricos: cómo funciona el estilo triangular y cuándo usarlo.
Códigos QR hexagonales
Códigos con estilo panal para marcas tech, gaming y eco - con los consejos de diseño que los mantienen escaneables.
Un código QR redondo es un código QR cuadrado disfrazado
Los códigos con forma se escanean porque la forma nunca toca los datos. Lo que cuesta una forma es ancho: un código triangular necesita una base unas 2,6 veces el ancho de la matriz que contiene.
Código QR de Etsy
Lleva el escaneo a tu tienda de Etsy o a un anuncio concreto, desde una etiqueta o un cartel.
Códigos QR transparentes
Códigos sin fondo propio - sobre qué superficies se escanean, cuáles los rompen y cómo colocar uno sobre fotos, vídeo, cristal y etiquetas transparentes.
¿Por qué KoloQR?
- Crea códigos QR para sitios web, menús, Wi-Fi, PDF y tarjetas de visita
- Personaliza colores, logotipos y formas únicas
- Descarga archivos PNG y SVG de alta calidad
- Pensado tanto para impresión como para digital
