Como gerar um código de barras

Precisa de um código de barras para um livro, um produto ou um endereço na internet? Dá para fazer de graça, no navegador, em poucos minutos, sem criar conta. Este artigo mostra o caminho para cada uma dessas situações e como salvar a imagem para usar ou imprimir.

A ferramenta usada aqui é o demonstrador online do bwip-js, um gerador de código aberto. A interface está em inglês. A descrição segue o que foi observado na página e no código da demonstração em 12 de novembro de 2026 (a página indicava bwip-js 4.11.4, de 19 de agosto de 2026, e BWIPP 2026-05-28). Se o site mudar, use o que aparecer na tela. Não há vínculo deste site com o serviço.

Como a página funciona

No alto está o título “bwip-js // Barcode Writer in Pure JavaScript” e a versão da biblioteca. A área de parâmetros tem dois grupos.

À esquerda:

Barcode Type — lista de tipos (um seletor). Os nomes visíveis vêm da própria biblioteca e estão em inglês; entre eles há “ISBN”, “EAN-13”, “Code 128” e “QR Code”.
Bar Text — o dado que será codificado (o número, o texto ou o endereço).
Alt Text — texto alternativo; campo livre, vazio por padrão ao trocar o tipo.
Options — um único campo de texto, não um conjunto de caixas. As opções são escritas em sequência, separadas por espaço: um nome sozinho liga a opção (includetext); nome=valor define um valor (eclevel=M); um nome prefixado por ! desliga a opção.

À direita:

Render As — Canvas (padrão) ou SVG.
Scale X,Y — dois campos numéricos, de 1 a 9, com valor inicial 2. Ao alterar o primeiro (X), o segundo (Y) é copiado para o mesmo valor.
Image Rotation — Normal (padrão), Right, Left ou Invert.
o botão Show Barcode.

A tecla Enter, com o foco nessa área, também gera o código.

Não há, na página, campos separados com os nomes “height”, “padding”, “includetext” ou cores. Esses ajustes, quando existirem, vão no campo Options. Ao mudar o Barcode Type, a demonstração preenche Bar Text e Options com os valores padrão daquele tipo e limpa Alt Text.

O caminho geral é: abra a página da demonstração, escolha o tipo, cole o seu dado em Bar Text (apague o exemplo), ajuste Options se precisar, escolha como a imagem será desenhada e clique em Show Barcode. Os valores padrão citados nas seções seguintes são os que a própria página coloca ao selecionar o tipo (observados em 12 de novembro de 2026). Use-os para testar; na produção, troque pelo seu dado.

Se o dado for inválido (por exemplo, um número de livro com dígito verificador errado), a página não desenha o símbolo e mostra uma mensagem de erro na área de saída.

Código para um livro

Se você já tem o número padrão do livro (ISBN) e precisa do gráfico para a capa, escolha o tipo ISBN. O texto padrão da página é 978-1-56581-231-4 90000 e as opções padrão são includetext guardwhitespace (inclui os dígitos legíveis e a zona de silêncio). O número antes do espaço é um exemplo; o 90000 é um complemento de cinco dígitos, opcional. Para um livro seu, cole apenas o número (com ou sem hífens). Se quiser o complemento, ele vem depois de um espaço.

O mesmo gráfico também pode ser gerado no tipo EAN-13, porque o código de barras do livro usa esse padrão; o tipo “ISBN” é mais cômodo, pois aceita hífens e o complemento.

Depois de gerar, confira a leitura com o leitor de um celular, no tamanho em que a imagem será impressa. Medidas, posição na quarta capa, cores e a linha com o número acima das barras estão em Como fazer o código de barras do seu livro.

Código para um produto

Para um identificador de produto de 13 dígitos já emitido para você, escolha o tipo EAN-13. O texto padrão da página é 9520123456788, com as opções includetext guardwhitespace. Apague o exemplo e cole o seu número. O gerador apenas desenha o que você informa: ele não atribui um código de produto.

Código para um link (ou um texto)

Para um endereço na internet, um cartão ou qualquer texto que um celular deva abrir ao apontar a câmera, escolha o tipo QR Code. O texto padrão da página é http://goo.gl/0bis e a opção padrão é eclevel=M (nível de correção de erro M). Em Bar Text, use o endereço, o texto ou o dado que o leitor deverá abrir.

Etiquetas internas, estoque ou códigos com letras

Para etiquetas de estoque, controle interno ou códigos que misturam letras, números e alguns símbolos — e que não precisam do padrão de varejo de 13 dígitos — escolha o tipo Code 128. O texto padrão da página é Count01234567! e a opção padrão é includetext.

Como salvar a imagem

O formato de saída depende do Render As:

Canvas. O código aparece como imagem. Depois da geração, surgem os links Save As PNG, Save As JPEG e Goto URL. Para impressão, prefira Save As PNG — o outro formato comprime e pode borrar as barras. Goto URL abre uma imagem gerada pela interface pública do projeto, com os mesmos parâmetros; é um atalho, não um segundo programa.
SVG. O desenho em traços (melhor para ampliar sem perder nitidez) aparece na página e o código-fonte é mostrado na área de texto abaixo. Na conferência desta data, a demonstração não oferecia um botão “Save As SVG”. Para guardar o arquivo, copie o conteúdo dessa área e salve-o com a extensão .svg, ou use o recurso de salvar do próprio navegador sobre o desenho.

Boas práticas

Para impressão, prefira o desenho em traços (SVG) ou Save As PNG com escala maior (por exemplo, 3 ou 4), em vez de um arquivo muito comprimido.
Mantenha barras escuras sobre fundo claro. A demonstração não traz um seletor de cores na interface; qualquer ajuste de cor, se você o usar, entra em Options, segundo a documentação da biblioteca, e deve ser conferido no resultado.
Não recorte a margem em branco em volta das barras. Nos tipos de livro e de produto citados acima, guardwhitespace ajuda a preservar essa zona.
O gerador desenha o que você digita; ele não emite o número do livro nem o código do produto. O número precisa já ser seu.
A página é um demonstrador técnico. Não há rótulos em português nem um assistente de capa de livro: medidas, posição na quarta capa e a linha do número acima das barras estão em Como fazer o código de barras do seu livro.

Fontes e referências

bwip-js: demonstrador online (página e comportamento conferidos em 12 de novembro de 2026).
bwip-js: documentação do projeto.