Minha imagem é enviada?

Não. A imagem é lida localmente com o FileReader do navegador; nada é enviado a um servidor.

Devo embutir imagens grandes?

Base64 aumenta o tamanho em ~33% e não é cacheado separadamente, então é melhor para ícones pequenos, não fotos grandes.

Quais formatos funcionam?

Qualquer imagem que seu navegador consiga ler — PNG, JPEG, GIF, WebP, SVG e mais.

Sim — cole a URL de dados em background-image: url(…).

Imagem para Base64

Imagem

Transforme uma imagem em uma URL de dados Base64 para uso inline em HTML, CSS ou JSON — sem arquivo separado. Arraste uma imagem e copie o resultado. A imagem é lida localmente no seu navegador e nunca é enviada.

—

Arraste e solte uma imagem aqui

ou clique para procurar

Como usar

Arraste uma imagem para a área, ou clique para procurar.
Uma pré-visualização e a URL de dados aparecem.
Copie a URL de dados com o botão Copiar.
Cole em um src de img, um fundo CSS ou um campo JSON.

Perguntas frequentes

Minha imagem é enviada?: Não. A imagem é lida localmente com o FileReader do navegador; nada é enviado a um servidor.
Devo embutir imagens grandes?: Base64 aumenta o tamanho em ~33% e não é cacheado separadamente, então é melhor para ícones pequenos, não fotos grandes.
Quais formatos funcionam?: Qualquer imagem que seu navegador consiga ler — PNG, JPEG, GIF, WebP, SVG e mais.
Posso usar em CSS?: Sim — cole a URL de dados em background-image: url(…).