Imagem para Base64

Arraste uma imagem para a caixa acima, clique para buscar, cole da sua área de transferência ou carregue via URL. A ferramenta converte a imagem para uma string Base64 instantaneamente e exibe um data URI pronto para copiar como CSS, HTML ou Markdown. Tudo acontece no seu navegador — a imagem nunca é enviada a nenhum servidor, tornando o processo seguro para imagens privadas ou confidenciais.

Mude para a aba Base64 → Imagem e cole um data URI (data:image/png;base64,…) ou uma string Base64 pura. A ferramenta decodifica, exibe a pré-visualização e permite baixar como arquivo. Ela detecta o formato automaticamente, então PNG, JPG, SVG, WebP e GIF funcionam sem configuração. A decodificação completa acontece localmente no navegador — nenhuma requisição ao servidor é feita e sua string Base64 nunca é transmitida para lugar nenhum.

Use o data URI Base64 como src de uma tag img: cole a string codificada em src="data:image/png;base64,…". Clique em "Copiar <img>" acima para obter uma tag de imagem completa e pronta para colar, sem precisar de uma requisição de arquivo separada — ideal para e-mails, páginas de arquivo único e ícones inline. Isso elimina uma ida e volta HTTP extra e funciona mesmo quando o arquivo de imagem original não está disponível.

Referencie o data URI dentro de url() — por exemplo background-image: url("data:image/png;base64,…"). Clique em "Copiar CSS" acima para obter a regra background-image completa. Embutir fundos e ícones pequenos dessa forma elimina uma requisição HTTP e é comum para ícones de design system, spinners de carregamento e elementos decorativos que raramente mudam. Também deixa demos HTML de arquivo único completamente autossuficientes.

No navegador, leia o arquivo com a API FileReader: const reader = new FileReader(); reader.onload = () => console.log(reader.result); reader.readAsDataURL(file). reader.result é o URI completo data:image/...;base64. No React ou Next.js, chame isso dentro de um useEffect ou um handler onChange em um elemento input. Este conversor usa exatamente essa abordagem, totalmente no lado do cliente. Você pode usar a saída aqui para verificar rapidamente sua própria implementação JavaScript sem precisar configurar um servidor local.

Abra o arquivo em modo binário e codifique: import base64; data = base64.b64encode(open('imagem.png', 'rb').read()).decode(); uri = f'data:image/png;base64,{data}'. Com o PIL/Pillow você pode salvar uma imagem em um buffer BytesIO primeiro e depois codificar os bytes do buffer em base64. Use esta ferramenta online para verificar se a saída do seu Python corresponde ao esperado antes de embutir em código de produção.

Um data URI embute os bytes da imagem diretamente no seu HTML, CSS, JSON ou e-mail como texto, fazendo a imagem carregar junto com o documento em vez de como uma requisição HTTP separada. É ideal para ícones pequenos, logos em e-mails HTML, demos de arquivo único e para armazenar imagens pequenas em bancos de dados ou arquivos de configuração. Desenvolvedores também usam para evitar restrições de CORS ao carregar imagens em operações de canvas na mesma página. Favicons são comumente embutidos como data URIs no head do HTML para eliminar uma ida e volta de rede extra no primeiro carregamento.

Normalmente não. A codificação Base64 aumenta os dados em cerca de 33% em relação ao binário original, e imagens embutidas não podem ser cacheadas separadamente pelo navegador nem carregadas com lazy loading usando loading="lazy". Reserve o Base64 para ativos pequenos e que mudam pouco, como favicons, logos pequenos ou sprites de ícones abaixo de ~10 KB. Para fotos grandes, imagens de destaque ou ativos reutilizados em muitas páginas, mantenha-os como arquivos de imagem normais servidos com cabeçalhos HTTP de cache adequados.

Sim, completamente seguro. A codificação e decodificação rodam inteiramente no seu navegador usando as APIs FileReader e Canvas — suas imagens nunca saem do seu dispositivo e nada é enviado a um servidor. Esta é uma vantagem de privacidade fundamental em relação a ferramentas como <strong>base64.guru</strong> e <strong>base64encoder.io</strong>, que fazem upload das suas imagens para os servidores delas para processamento. No UtiloKit, imagens privadas, confidenciais ou ainda não publicadas ficam na sua máquina durante toda a conversão. Você pode até desconectar da internet após carregar a página e a ferramenta continua funcionando.

Qualquer formato que seu navegador consegue ler funciona para codificação, incluindo PNG, JPEG/JPG, SVG, WebP, GIF, AVIF, BMP e ICO. A decodificação suporta todos os tipos MIME data:image/* padrão e exibe a pré-visualização antes do download. Arquivos SVG recebem tratamento especial — o Base64 deles também pode ser embutido diretamente em CSS sem codificação usando url('data:image/svg+xml,…') com codificação de URL, mas o Base64 é mais universal e funciona em todos os navegadores e clientes de e-mail.

Sim. Use o botão "Copiar Markdown" para , ou "Copiar <img>" para e-mail HTML. Note que alguns clientes de e-mail (principalmente Outlook e o app móvel do Gmail) removem ou bloqueiam imagens Base64, então teste antes de enviar para um público amplo. Para campanhas de newsletter, é mais seguro hospedar imagens em uma CDN e linkar para elas. Para e-mails transacionais de destinatário único, o Base64 funciona de forma confiável na maioria dos clientes.

O Base64.guru e o base64encoder.io processam suas imagens no servidor — seus arquivos são enviados para a infraestrutura deles. O conversor de imagem para Base64 do UtiloKit roda 100% no seu navegador: sem upload, sem servidor, sem dados armazenados em lugar nenhum. O UtiloKit também fornece snippets prontos para CSS, HTML e Markdown, suporta conversão bidirecional (encode e decode) e funciona offline após carregar a página. Além disso, é completamente grátis sem limites de tamanho de arquivo ou número de conversões.

Completamente grátis, sem cadastro, sem marcas d'água e sem limites de tamanho de arquivo ou número de imagens. Ao contrário do browserling.com, que limita conversões gratuitas e exige plano pago para arquivos acima de certo tamanho, o UtiloKit não tem restrições. Por ser client-side, não há cobranças por imagem ou por largura de banda — converta quantas imagens quiser, tão grandes quanto a memória do seu navegador permitir.

Sim. A ferramenta é totalmente responsiva e funciona em qualquer navegador mobile, incluindo Safari no iPhone e Chrome no Android. Você pode tocar para selecionar imagens do seu rolo de câmera ou do app Arquivos, ou colar uma URL para carregar uma imagem remota. A saída copia para a área de transferência para você colar diretamente no Notion, em um editor de código ou em outro app. Não é preciso baixar nenhum aplicativo — basta abrir a página no navegador mobile e ela funciona exatamente como a versão desktop.