ToolKitHive
Voltar
design

Imagem para Base64

Ferramenta online gratuita para converter imagens em data URIs Base64. Suporta PNG, JPEG, GIF, SVG, WebP e BMP. Copie ou baixe a string codificada instantaneamente.

Imagem para Base64

Converta qualquer imagem em um data URI Base64 para incorporação direta em HTML, CSS ou JSON.


title: Conversor de Imagem para Base64 — Ferramenta Online Gratuita description: Converta qualquer imagem para um Data URI em Base64 instantaneamente. Suporta PNG, JPEG, GIF, SVG, WebP e BMP. Gratuita, privada e funciona inteiramente no seu navegador. date: 2026-05-17

O Que É a Codificação de Imagem em Base64?

A codificação Base64 converte dados binários de imagem em uma string de texto composta por letras, números, +, / e =. Ao ser combinada com um prefixo de tipo MIME, ela cria um Data URI — uma string autossuficiente que pode ser incorporada diretamente no HTML, CSS ou JSON, sem a necessidade de um arquivo separado.

Por exemplo, em vez de vincular a um arquivo externo:

<img src="logo.png" alt="Logo" />

Você pode incorporar a imagem diretamente no código:

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

Por Que Converter Imagens para Base64?

| Vantagem | Descrição | |---|- --| | Menos requisições HTTP | Incorporar imagens pequenas elimina downloads separados de arquivos | | Modelos de e-mail | Muitos clientes de e-mail não carregam imagens externas — o Base64 funciona integrado no código | | Arquivos únicos | Agrupe ícones e recursos em um único arquivo HTML para facilitar o compartilhamento | | Payloads de API | Envie imagens como strings em JSON sem uploads multipart | | Documentos offline | Relatórios HTML autossuficientes que funcionam sem um servidor |

Formatos de Imagem Suportados

| Formato | Tipo MIME | Extensão | |---|---|- --| | PNG | image/png | .png | | JPEG | image/jpeg | .jpg, .jpeg | | GIF | image/gif | .gif | | SVG | image/svg+xml | .svg | | WebP | image/webp | .webp | | BMP | image/bmp | .bmp |

Tamanho máximo do arquivo: 10 MB.

Formatos de Saída

Esta ferramenta oferece quatro formatos de saída:

  1. Data URI — String completa data:image/...;base64,.... Use diretamente em atributos src ou url() no CSS.
  2. Apenas Base64 — String Base64 pura, sem o prefixo de Data URI. Útil para payloads de API.
  3. Tag HTML — Elemento <img> completo com src, alt, width e height.
  4. Fundo CSS — Declaração background-image: url(...) pronta para uso.

Como Usar

  1. Carregar uma imagem — Arraste e solte na área de envio ou clique para procurar seus arquivos.
  2. Visualizar a imagem — Veja a imagem carregada e suas informações (nome, tamanho, tipo, dimensões).
  3. Escolher formato de saída — Selecione Data URI, Apenas Base64, Tag HTML ou Fundo CSS.
  4. Copiar ou baixar — Clique em Copiar para a área de transferência ou Baixar como arquivo de texto.

Quando Usar Base64 (e Quando Não Usar)

Bons casos de uso:

  • Ícones pequenos e elementos de interface (abaixo de 10 KB)
  • Imagens para newsletters de e-mail
  • Protótipos HTML em arquivo único
  • Payloads de API JSON onde uploads multipart não estão disponíveis

Evite para:

  • Fotos grandes ou imagens de capa (aumenta o tamanho do arquivo em ~33%)
  • Sites com muitas imagens (sem cache do navegador para dados incorporados)
  • Imagens repetidas em várias páginas (o Base64 não pode ser armazenado em cache separadamente)

Privacidade e Segurança

Todo o processamento ocorre inteiramente no seu navegador. Suas imagens nunca são enviadas para nenhum servidor. A conversão para Base64 é realizada no lado do cliente, usando a FileReader API.

Perguntas Frequentes

O Base64 aumenta o tamanho do arquivo? Sim. A codificação Base64 aumenta o tamanho original do arquivo em aproximadamente 33%. Um PNG de 3 KB vira cerca de 4 KB em Base64.

Posso converter Base64 de volta para uma imagem? Sim. Você pode colar um Data URI na barra de endereços do navegador para visualizar a imagem, ou usar uma ferramenta de decodificação Base64 para salvá-la como arquivo.

Existe um limite de tamanho de arquivo? Esta ferramenta aceita imagens de até 10 MB. Para arquivos maiores, considere usar uma ferramenta de linha de comando, como o base64 no Linux/macOS.

Funciona com arquivos SVG? Sim. Arquivos SVG são convertidos para Base64 assim como as imagens raster. Observe que, para SVG, você também pode incorporar diretamente o código SVG no HTML para melhor performance.

enptesdejafrruitnltrarzh