Codificador de imagem para Base64
Converta qualquer imagem em URL de dados Base64 instantaneamente — copie e cole para CSS, HTML ou código. Sem uploads.
Quando usar imagens codificadas em Base64
CSS e Estilização
- Incorpore pequenos ícones em CSS como URLs de dados de imagem de fundo.
- Inserir indicador de carregamento ou imagens de espaço reservado em folhas de estilo.
- Adicione logotipos a modelos de e-mail somente com CSS sem hospedagem externa.
- Incorporar imagens de elementos da interface do usuário nas folhas de estilo da biblioteca de componentes.
HTML e e-mail
- Incorporar imagens diretamente no HTML<img src> como URLs de dados
- Inclua logotipos da empresa em modelos de e-mail HTML independentes.
- Crie documentos HTML de arquivo único com imagens incorporadas.
- Incorpore imagens de assinatura em assinaturas HTML do Gmail e do Outlook.
APIs e código
- Codifique imagens para payloads de API JSON que esperam entrada em base64.
- Preparar imagens para solicitações de API de IA/ML (OpenAI Vision, Claude, Gemini)
- Converter imagens para armazenamento em campos de banco de dados codificados em base64.
- Codificar imagens para canvas drawImage a partir de URL de dados em JavaScript
Como converter uma imagem para Base64 — 3 passos
- 1
Envie sua imagem
Arraste e solte qualquer imagem JPG, PNG, WebP, SVG ou GIF no codificador. Seu arquivo será lido localmente — nada será enviado para outro servidor.
- 2
Copie a saída em Base64.
A ferramenta exibe separadamente o URL completo dos dados (data:image/…;base64,…) e a string base64 bruta. Clique em Copiar para cópia qualquer um dos formatos para a sua área de transferência.
- 3
Use em seu código
Cole o URL dos dados no HTML.<img src> , imagem de fundo CSS ou use a string base64 bruta para payloads de API e dados JSON.
Codificador online gratuito de imagens para Base64 — Sem necessidade de upload para servidor
A codificação Base64 converte dados binários de imagens em uma sequência de caracteres ASCII que pode ser incorporada diretamente em código, CSS, HTML ou payloads de API sem a necessidade de uma URL externa. O codificador Base64 do PicsSizer lê seu arquivo de imagem usando a API FileReader do navegador e gera tanto a URL completa dos dados quanto a string Base64 bruta — sem necessidade de upload para o servidor. A string codificada está pronta para ser colada em CSS (background-image) ou HTML.<img src> , corpos de API JSON ou em qualquer outro lugar que espere uma URL de dados ou uma imagem em base64.
Quando usar imagens Base64 embutidas versus URLs externas
A codificação Base64 é mais adequada para ativos pequenos e estáticos: ícones, ilustrações SVG, logotipos de e-mail e imagens de espaço reservado. A representação em Base64 é cerca de 33% maior que a fonte binária, portanto, imagens grandes incorporadas como URLs de dados aumentam significativamente o tamanho do arquivo HTML ou CSS. Para imagens com mais de 10 KB, a hospedagem externa com uma CDN é quase sempre mais rápida e eficiente. Para imagens com menos de 5 KB — particularmente ícones, logotipos e SVGs decorativos — a incorporação em Base64 elimina completamente uma solicitação HTTP, o que pode melhorar o desempenho de ativos críticos visíveis na parte superior da página. APIs de IA/ML (OpenAI, Anthropic, Google) que aceitam entradas de imagem usam Base64 em seus corpos de solicitação JSON, tornando a codificação Base64 essencial para integrações de modelos de visão.
Dicas para usar imagens codificadas em Base64 no código
Para CSS background-image: envolva a URL dos dados em url() — `background-image: url('data:image/png;base64,…')`. Para HTML: cole diretamente como o atributo src — `<img src="data:image/jpeg;base64,…"> Para HTML de e-mail: a maioria dos clientes de e-mail suporta URLs de dados para imagens pequenas; teste no Gmail, Outlook e Apple Mail antes de implementar. Para payloads de API JSON: use a string base64 bruta (sem o prefixo data:…;base64) se a API especificar um campo mediaType ou mimeType separado. A ferramenta gera ambos os formatos — URL de dados completa e base64 bruta — para que você possa cópia a versão que sua integração exigir.
Ferramentas de desenvolvedor relacionadas
Mais ferramentas para desenvolvedores que trabalham com imagens em código.
Base64 para Imagem
Decodifique uma string base64 ou um URL de dados para obter uma imagem que possa ser baixada.
Conversor de Imagens
Converta entre JPG, PNG, WebP, SVG e mais de 20 outros formatos antes da codificação.
Visualizador de metadados de imagem
Inspecione os metadados EXIF, IPTC e XMP incorporados nos arquivos de imagem.
Compressor de imagens
Reduza o tamanho do arquivo de imagem antes da codificação base64 para minimizar o comprimento da string.
Imagem para Base64 — Perguntas frequentes
Perguntas frequentes sobre a conversão de imagens em URLs de dados base64