A imagem é carregada em qualquer lugar?

Não. A conversão acontece no seu navegador via API FileReader — bytes nunca deixam a página. Também não há evento de análise que inclua o conteúdo do arquivo.

Por que o URL de dados é maior que o arquivo?

A codificação Base64 infla dados binários em cerca de 33% (cada 3 bytes se tornam 4 caracteres). Para uma imagem de 100 KB, espere ~133 KB de texto. Esse é o custo de incorporar dados binários em um contêiner de texto.

Quando devo incorporar uma imagem em vez de vinculá-la?

Quando a imagem é pequena (< 10 KB), usada uma vez e um pedido HTTP separado desaceleraria renderização crítica. Exemplos: SVG de seção hero, logos de email inline, avatares incorporados em JWT. Além de ~10 KB, um arquivo separado é geralmente mais rápido em geral porque pode ser armazenado em cache separadamente.

Qual é o tipo MIME para SVG?

`image/svg+xml`. O codificador lê a partir do atributo `type` do arquivo, que o navegador define corretamente para formatos de imagem padrão.

Posso codificar arquivos que não são imagens?

Este widget é apenas de imagem por design (e valida o prefixo de URL de dados na decodificação). Para binário arbitrário → Base64 veja /pt/codigo/base64/, que lida com texto UTF-8 diretamente.

Imagem para Base64 (e vice-versa)

Codifique qualquer imagem em um URL de dados ou cole um URL de dados e veja a imagem.

URLs de dados Base64 deixam você incorporar uma imagem inline em HTML, CSS ou JSON sem um arquivo separado. Útil para pequenos ícones SVG, assinaturas de email inline, payloads JWT que incluem um avatar ou em qualquer lugar um pedido de rede seria mais trabalho que valeria a pena. A ferramenta abaixo codifica ou decodifica imagens inteiramente no seu navegador usando as APIs padrão FileReader e atob/btoa.

Drop or pick an image

Everything happens locally — the FileReader API runs entirely in your browser. No upload, no analytics on the file contents.

How to use

Escolha uma direção
"Imagem → Base64" codifica um arquivo que você solta. "Base64 → Imagem" decodifica um URL de dados que você cola.
Solte ou cole
Arraste um arquivo para a zona de soltura (codificar) ou cole o URL de dados na área de texto (decodificar). Arquivos até 8 MB são aceitos.
Copie ou salve o resultado
A saída codificada é um URL de dados completo pronto para soltar em <img src="…">, CSS background-image: url(…) ou JSON. A visualização decodificada renderiza abaixo do campo de colagem.

Frequently asked questions

A imagem é carregada em qualquer lugar?: Não. A conversão acontece no seu navegador via API FileReader — bytes nunca deixam a página. Também não há evento de análise que inclua o conteúdo do arquivo.
Por que o URL de dados é maior que o arquivo?: A codificação Base64 infla dados binários em cerca de 33% (cada 3 bytes se tornam 4 caracteres). Para uma imagem de 100 KB, espere ~133 KB de texto. Esse é o custo de incorporar dados binários em um contêiner de texto.
Quando devo incorporar uma imagem em vez de vinculá-la?: Quando a imagem é pequena (< 10 KB), usada uma vez e um pedido HTTP separado desaceleraria renderização crítica. Exemplos: SVG de seção hero, logos de email inline, avatares incorporados em JWT. Além de ~10 KB, um arquivo separado é geralmente mais rápido em geral porque pode ser armazenado em cache separadamente.
Qual é o tipo MIME para SVG?: `image/svg+xml`. O codificador lê a partir do atributo `type` do arquivo, que o navegador define corretamente para formatos de imagem padrão.
Posso codificar arquivos que não são imagens?: Este widget é apenas de imagem por design (e valida o prefixo de URL de dados na decodificação). Para binário arbitrário → Base64 veja /pt/codigo/base64/, que lida com texto UTF-8 diretamente.

About

O que é um URL de dados?

Um esquema de URI definido em RFC 2397 que incorpora o recurso inline. `data:image/png;base64,iVBORw0KGgo...` declara o tipo MIME, diz que a carga é codificada em Base64 e inclui os bytes após a vírgula. Navegadores e a maioria dos analisadores a aceitam em qualquer lugar em que uma URL http(s) seria esperada em contextos de imagem.

Velocidade de codificação

O `readAsDataURL` do FileReader é assíncrono e usa a implementação Base64 nativa do navegador. Espere menos de 100 ms mesmo para arquivos de vários MB; o gargalo é ler o arquivo do disco, não a codificação em si.

Sources & references

Authoritative references behind the math, constants, and tables on this page. Verified by Buğra Sözeri on the dates shown and re-checked at every deploy.

RFC 2397 — O esquema de URL "data" — Especificação IETF para o formato de URI de dados que o widget emite(as of 2026-05-21)
RFC 4648 — Base16, Base32 e Base64 Data Encodings — Especificação autoritária para o alfabeto Base64 usado na carga codificada(as of 2026-05-21)
Padrão WHATWG HTML — FileReader.readAsDataURL — API nativa do navegador usada pelo widget para ler arquivos de imagem e produzir um URL de dados(as of 2026-05-21)