Imagem para Base64

Como converter Imagem para Base64 online

1. Selecione um arquivo de imagem ou cole a URL de uma imagem.
2. Escolha a saída: data URI, <img>, CSS background, favicon, JSON e mais.
3. Clique em Codificar imagem em Base64.
4. Visualize a imagem e copie o código.

Formatos de saída

Escolha como o resultado deve ser formatado. O conversor pode retornar:

• txt: apenas a string Base64, pronta para colar no código, em um campo de banco de dados ou em uma requisição de API.
• uri: um URI data: completo, que você pode colar na barra de endereços do navegador ou usar em qualquer lugar que aceite uma URL.
• html img: uma tag <img> com o data URI no src.
• css background image: uma regra CSS usando background-image: url(data:...).
• html favicon: uma tag <link rel="icon"> para um favicon embutido.
• html hyperlink: um link <a> que baixa ou abre o arquivo incorporado.
• html iframe: um <iframe> que exibe o conteúdo na própria página.
• javascript image: JavaScript que cria um objeto Image.
• javascript popup: JavaScript que abre o conteúdo em uma nova janela.
• json: um objeto JSON com o nome do arquivo, o tipo MIME e os dados.
• xml: um elemento XML com os dados dentro de uma seção CDATA.

Quando incorporar imagens em Base64?

Incorpore imagens pequenas (abaixo de 5–10 KB, aproximadamente), como ícones, logotipos e placeholders, para economizar requisições. Evite incorporar fotos grandes: elas deixam o HTML/CSS mais pesado, não podem ser armazenadas em cache separadamente e atrasam a renderização. Para mais detalhes, veja data URIs explicados.