QR codes em pixels, da pixel art aos arquivos perfeitos no pixel
Um QR code em pixels é um QR code desenhado como quadrados de bordas duras, um quadrado por módulo, sem arredondamento, pontos nem degradês. A mesma grade pode ser exportada como uma imagem nítida, redesenhada em um editor de pixel art ou montada com blocos, studs, pastilhas ou pontos de bordado. Esta página cobre o visual, as montagens e as contagens de pixels que mantêm cada versão escaneável.
Abre no Google Maps. Coordenadas também funcionam: 37.4224, -122.0841.
O código abre o formulário "Escrever avaliação" da sua empresa. Cole o Place ID, ou um link do Google Maps que o contenha.
Um link UPI não tem checksum: um ID digitado errado gera um código que escaneia perfeitamente e paga outra pessoa. Cole o ID do seu app de pagamentos em vez de digitar, e mande uma rupia para você mesmo antes de imprimir.
Cole exatamente como copiou. O KoloQR não monta o payload: ele codifica o que o seu banco emitiu e confere antes de você imprimir.
SVG, PNG, JPG • Máx. 2 MB
O que é um QR code em pixels?
Um QR code em pixels é um QR code em que todo módulo é um quadrado simples de bordas duras, de modo que o símbolo inteiro é lido como uma grade de pixels. Um módulo é uma célula da grade do QR code, escura ou clara. Módulos quadrados são a forma que a norma do QR code, a ISO/IEC 18004, descreve, o que faz do estilo em pixels o mais tolerante de escanear - o extremo oposto dos QR codes de pontos, que trocam margem de leitura por um visual mais suave. Os outros estilos e contornos estão expostos em formatos de QR Code, e a versão, o nível de correção de erros e a contagem de módulos de qualquer código existente podem ser lidos com o decodificador de QR code.
A grade por trás de todo QR code em pixels
Um QR code já é uma grade de pixels, e o seu tamanho em módulos é fixado pela quantidade de dados que ele guarda. Conhecer a grade é o que torna possível um QR code em pixel art ou montado com blocos.
- A versão 1 tem 21 x 21 módulos - cada versão acrescenta quatro módulos por lado, então a versão 2 tem 25 x 25, a versão 3 tem 29 x 29, e a maior, a versão 40, tem 177 x 177.
- A zona de silêncio soma oito ao comprimento de cada lado - uma zona de silêncio é a margem vazia ao redor de um QR code que permite a um leitor detectar onde o símbolo começa e termina. Com quatro módulos de cada lado, um código de versão 1 ocupa 29 x 29 células no total.
- Menos dados significam uma grade menor - no nível L de correção de erros, a versão 1 guarda 17 bytes, a versão 2 guarda 32 e a versão 3 guarda 53. Um link curto é a diferença entre uma montagem de 21 módulos e uma de 33.
- Três quadrados de canto são fixos - cada padrão de localização tem 7 x 7 módulos: um anel escuro, um anel claro e um centro escuro de 3 x 3. Eles são iguais em todo QR code e têm de ser copiados com exatidão.
Todo módulo importa igualmente quando um QR code é refeito à mão. Uma imagem gerada pode perder alguns módulos para um logo porque a correção de erros dela foi planejada para isso; uma grade montada à mão com dez blocos fora do lugar gastou essa reserva com erros.
O estilo em pixels é o estilo mais seguro
Módulos quadrados preenchem as suas células por completo, então um QR code em pixels carrega mais tinta, bordas mais nítidas e a margem de leitura mais larga de qualquer estilo de módulo. Isso faz dele a escolha certa onde as condições já são difíceis: códigos com menos de 2 cm, impressoras térmicas de cupom, bordado, gravação, telas de baixa resolução e qualquer coisa fotografada de longe.
Gerar QR code
Onde os QR codes em pixels funcionam melhor
O estilo em pixels serve a duas situações bem diferentes: designs que querem um visual retrô, de 8 bits, proposital, e métodos de produção que só conseguem fazer quadrados.
Pixel art e gráficos de jogos retrô
Um código de módulos quadrados fica à vontade dentro de cartazes em pixel art, menus de jogos indie e overlays de stream. Desenhe-o na mesma grade de pixels do resto da arte, um pixel da arte por módulo.
Minecraft e outras construções com blocos
Um bloco por módulo, em dois materiais de contraste forte sobre terreno plano. Um código de versão 1 tem 21 x 21 blocos, ou 29 x 29 com a zona de silêncio, e é escaneado a partir de uma captura de tela tirada diretamente de cima.
LEGO, pastilhas e mosaicos
Um stud ou uma pastilha por módulo. Um código de versão 2 precisa de uma área de 33 x 33 studs incluindo a zona de silêncio, o que cabe em uma base de 48 x 48 com espaço para uma borda.
Ponto cruz, tricô e bordado
Um ponto por módulo em um tecido de trama regular. A linha se espalha de forma menos previsível que a tinta, então mantenha o design nas versões 1 a 3 e use preto sobre branco ou creme.
Matrizes de LED e telas de baixa resolução
Um painel de LED de 32 x 32 consegue mostrar um código de versão 1 com a zona de silêncio completa, 29 x 29 LEDs no total, a um LED por módulo. Acenda o fundo e deixe os módulos apagados, para o código ser lido como escuro sobre claro.
Gravação a laser e impressão térmica
Processos que queimam, corroem ou aquecem produzem uma borda um pouco irregular. Módulos quadrados cheios deixam mais material por módulo, e é por isso que impressoras de cupom e de etiqueta os usam.
De quantos pixels um QR code precisa?
A imagem de um QR code precisa de um número inteiro de pixels por módulo, e de pelo menos 4 pixels por módulo onde uma câmera vai lê-la em uma tela. As duas regras vêm de como uma grade de módulos se encaixa em uma grade de pixels.
Contagens de pixels para arquivos de QR code nítidos
O tamanho em pixels de um QR code é a contagem de módulos, incluindo a zona de silêncio, multiplicada pelos pixels dados a cada módulo. Fazer essa conta uma vez evita as bordas borradas que vêm do redimensionamento.
- Use um número inteiro de pixels por módulo - um código de versão 3 tem 29 módulos mais 8 da zona de silêncio, 37 no total. A 10 pixels por módulo a imagem tem exatamente 370 x 370 pixels, e toda borda de módulo cai em uma fronteira de pixel.
- Evite tamanhos intermediários - redimensionar essa imagem de 370 pixels para 400 pixels dá 10,8 pixels a cada módulo, então alguns módulos saem com 10 de largura e outros com 11, com pixels cinza ao longo das bordas. O código ainda escaneia nesse tamanho, e fica com cara de borrado.
- Amplie com vizinho mais próximo, não com suavização - editores de imagem suavizam por padrão ao ampliar. Escolha vizinho mais próximo, ou em CSS defina image-rendering: pixelated, e amplie só por múltiplos inteiros.
- Reserve 4 pixels por módulo em telas - no nosso teste de decodificador, módulos quadrados decodificaram em 16 de 16 posições de 2,5 a 10 pixels capturados por módulo, e em 10 de 16 a 2 pixels por módulo. Uma câmera nunca captura uma tela um para um, então 4 pixels exibidos por módulo é um piso sensato.
- Use vetor para impressão e esqueça os pixels - um SVG, PDF ou EPS guarda cada módulo como um quadrado geométrico, então o arquivo não tem tamanho em pixels e imprime nítido em qualquer dimensão.
O teste de decodificador por trás da regra dos 4 pixels usou o jsQR, um decodificador de código aberto que está dentro de muitos leitores que rodam no navegador. Os decodificadores embutidos nas câmeras do iOS e do Android são fechados e não foram testados, então trate o número como um piso de trabalho conservador, e não como um limite.
Regras para um QR code em pixels montado à mão
Um QR code montado com blocos, studs ou pontos de bordado segue as mesmas regras de um impresso, mais algumas que só valem quando cada módulo é colocado à mão.
- Encurte os dados primeiro - cada caractere economizado pode baixar o código para uma versão menor. Use um domínio curto e nenhum parâmetro de rastreamento, e confira a contagem de módulos antes de comprar materiais.
- Escolha um gerador que mostre a versão - um nível de correção de erros mais baixo dá uma grade menor para o mesmo link. O KoloQR gera todo código no nível H para suportar logos, então quem quer a menor grade possível deve usar um gerador com opção de nível L.
- Trabalhe a partir de uma impressão quadriculada - exporte o código grande, sobreponha uma grade e numere as linhas e as colunas. Monte linha por linha e marque cada linha concluída; os erros vêm de se perder no meio, não de ler mal um módulo.
- Escolha materiais lisos, foscos e de alto contraste - concreto preto e branco no Minecraft, placas pretas e brancas no LEGO. Materiais texturizados, brilhantes ou luminosos acrescentam ruído dentro de cada módulo.
- Monte também a zona de silêncio - quatro módulos claros de cada lado, no mesmo material dos módulos claros. Grama, a borda de uma mesa ou a borda de uma base encostada direto no código é o motivo habitual de uma montagem falhar.
- Escaneie de frente - fotografe ou tire a captura de tela diretamente de cima ou de frente, com luz uniforme. Teste quando os padrões de localização estiverem prontos, e de novo na metade, para achar um erro antes da última linha.
Ideias de QR code em pixels
Quatro montagens e designs, cada um com o número que decide se funciona.
Como fazer um QR code em pixels
Um QR code em pixels leva cerca de um minuto para gerar, e mais alguns para preparar para uma pixel art ou uma montagem física.
Gerar QR code- 1
Informe o link mais curto que funcione
Cole o link e remova tudo o que for opcional. Menos caracteres significam menos módulos, o que significa menos pixels, blocos ou pontos.
- 2
Defina o padrão como Quadrado
Escolha o padrão Quadrado e o estilo de olho quadrado, para todo módulo e os três padrões de localização serem quadrados de bordas duras.
- 3
Use duas cores chapadas
Escolha uma cor escura sobre um fundo claro, sem degradê. O selo de contraste abaixo da prévia mostra se o par deve escanear de forma confiável.
- 4
Exporte SVG para impressão, PNG para trabalho em pixels
Baixe SVG para qualquer coisa impressa. Para pixel art ou um gabarito de montagem, baixe PNG e amplie por múltiplos inteiros com escala de vizinho mais próximo.
Quadrados simples, bem feitos
O KoloQR, um gerador de QR code gratuito com QR codes circulares e de formatos personalizados, também faz o tipo mais simples. Escolha o padrão Quadrado, defina duas cores, e o gerador desenha módulos de bordas duras com padrões de localização sólidos e uma leitura de contraste das cores que você escolheu.
O KoloQR exporta SVG, PDF e EPS para impressão e PNG para telas, sem conta e sem marca d'água. O KoloQR gera todo código no nível H de correção de erros e faz só QR codes estáticos, então a grade é maior que a de um código de nível L com o mesmo link, e o destino não pode ser alterado depois que o código é feito.
Gerar QR codeFormatos de exportação para QR codes em pixels
O formato de arquivo decide se as bordas duras de um QR code em pixels sobrevivem ao caminho até uma tela, uma impressora ou um editor.
PNG
Sem perdas, então as bordas dos módulos continuam duras. O formato certo para editores de pixel art, texturas de jogos e gabaritos de montagem. Evite JPG, cuja compressão deixa artefatos cinza ao longo de toda borda.
SVG
Cada módulo é guardado como um quadrado e não como pixels, então o código fica nítido em qualquer tamanho e a aritmética de contagem de pixels deixa de valer. O formato a usar para impressão.
PDF ou EPS
Formatos vetoriais para gráficas, gravadores e empresas de sinalização. Os dois abrem no Illustrator ou no InDesign com os módulos intactos e editáveis.
Questions? Answered
Multiplique a contagem de módulos, incluindo 8 da zona de silêncio, por um número inteiro de pixels por módulo. Um código de versão 3 tem 37 módulos de largura com a margem, então 370 x 370 pixels a 10 pixels por módulo. Para telas, reserve pelo menos 4 pixels por módulo. Para impressão, use SVG ou PDF, que não têm tamanho em pixels.
A imagem foi redimensionada para um tamanho em que cada módulo tem uma fração de pixel de largura, e o editor suavizou as bordas. Redimensione só por múltiplos inteiros - de 370 pixels para 740, não para 600 - e defina o método de escala como vizinho mais próximo. Em uma página web, a regra CSS image-rendering: pixelated faz o mesmo.
Um QR code de versão 1 tem 21 x 21 blocos, ou 29 x 29 com a zona de silêncio de quatro blocos, e guarda até 17 caracteres no nível L de correção de erros. Um link de site típico precisa da versão 2 ou 3, que tem 25 ou 29 blocos de largura. Use um gerador com opção de nível L para manter a construção pequena.
Sim, copiando um código gerado módulo por módulo; um QR code não pode ser criado à mão livre, porque o padrão é calculado a partir dos dados. Gere o código, exporte um PNG e reduza-o a 1 pixel por módulo com escala de vizinho mais próximo. Essa imagem já é pixel art, pronta para recolorir e colocar no editor.
Sim, desde que todo módulo escuro seja claramente mais escuro que todo módulo claro. Um leitor converte a imagem para preto e branco antes de decodificar, então vários tons escuros sobre um único fundo claro funcionam. Módulos escuros e claros com luminosidade parecida falham, seja qual for o matiz.
Menos do que o nível de correção de erros sugere. O nível L recupera cerca de 7% do símbolo e o nível H cerca de 30%, mas os erros são corrigidos em blocos de tamanho fixo, então vários erros próximos podem derrubar um bloco. Trate os padrões de localização, as linhas de temporização e as faixas de formato ao lado dos padrões de localização como intocáveis.
Sim. Módulos quadrados preenchem as suas células, então carregam cerca do dobro da tinta de um ponto desenhado a 80% da largura da célula, e não deixam vãos para um decodificador ler errado. Para tamanhos pequenos de impressão, telas de baixa resolução e métodos de produção rústicos, módulos quadrados são a escolha mais segura.
Abra o app Câmera e aponte para o QR code; aparece um link para tocar. Um Google Pixel também tem o bloco Scan QR code nas Configurações rápidas e o Google Lens na barra de pesquisa da tela inicial. O guia de leitura no Android cobre todos os caminhos: como escanear um QR code com um celular Android.
Sim. O KoloQR faz QR codes de módulos quadrados de graça, com downloads em SVG, PDF, EPS e PNG, sem conta e sem marca d'água. Os códigos são estáticos, então não têm limite de leituras e não expiram.
Continue explorando
Páginas que seguem de onde esta parou: o mesmo contexto, o mesmo tipo de código ou a próxima decisão a tomar.
Formatos de QR Code
Toda a taxonomia de formatos - módulos, olhos e molduras - com os prós e contras dos códigos redondos, triangulares, hexagonais e quadrados.
QR codes triangulares
Designs de QR angulares e geométricos - como a estilização triangular funciona e quando usá-la.
QR codes hexagonais
Códigos em estilo favo de mel para marcas de tech, games e eco - com as dicas de design que os mantêm escaneáveis.
Um QR code redondo é um QR code quadrado fantasiado
Códigos com forma são lidos porque a forma nunca toca nos dados. O que uma forma custa de verdade é largura: um código triangular precisa de uma base cerca de 2,6 vezes a largura da matriz que ele contém.
QR code da Etsy
Leva o escaneamento à sua loja na Etsy ou a um anúncio, a partir de uma etiqueta ou de uma placa de banca.
QR codes transparentes
Códigos sem fundo próprio - em quais superfícies eles escaneiam, quais os quebram e como colocar um sobre fotos, vídeo, vidro e etiquetas transparentes.
Por que a KoloQR?
- Crie QR codes para sites, cardápios, Wi-Fi, PDFs e cartões de visita
- Personalize cores, logos e formas únicas
- Baixe arquivos PNG e SVG de alta qualidade
- Feito tanto para impressão quanto para o digital
