Imagem para Base64

Arraste uma imagem para a caixa acima, clique para procurar, cole da área de transferência ou carregue-a a partir de um URL. A ferramenta converte instantaneamente a imagem numa string Base64 e mostra uma data URI pronta a copiar como CSS, HTML ou Markdown. Tudo acontece no seu navegador — a imagem nunca é enviada para nenhum servidor, tornando-a segura para imagens privadas ou sensíveis.

Mude para o separador Base64 → Imagem e cole uma data URI (data:image/png;base64,…) ou uma string Base64 pura. A ferramenta descodifica-a, pré-visualiza a imagem e permite-lhe descarregá-la como ficheiro. Deteta automaticamente o formato, pelo que PNG, JPG, SVG, WebP e GIF funcionam todos. A descodificação completa ocorre localmente no seu navegador — não é feito nenhum pedido ao servidor e a sua string Base64 nunca é transmitida para lado nenhum.

Use a data URI Base64 como o 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 pronta a colar, sem pedido de ficheiro separado — ideal para emails, páginas num único ficheiro e ícones inline. Isto elimina um ciclo HTTP extra e funciona mesmo quando o ficheiro de imagem original não está disponível.

Referencie a 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. Incorporar fundos e ícones pequenos desta forma elimina um pedido HTTP e é comum para ícones de sistemas de design, spinners de carregamento e elementos decorativos que raramente mudam. Também torna as demos HTML num único ficheiro totalmente autocontidas.

No navegador, leia o ficheiro com a API FileReader: const reader = new FileReader(); reader.onload = () => console.log(reader.result); reader.readAsDataURL(file). reader.result é a URI data:image/...;base64 completa. Em React ou Next.js, chame isto dentro de um useEffect ou de um handler onChange num elemento input. Este conversor usa exatamente essa abordagem, totalmente do lado do cliente. Pode usar o resultado aqui para verificar rapidamente a sua própria implementação JavaScript sem configurar um servidor local.

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

Uma data URI incorpora bytes de imagem diretamente no seu HTML, CSS, JSON ou email como texto, para que a imagem carregue com o documento em vez de como um pedido HTTP separado. É ideal para ícones pequenos, logótipos em emails HTML, demos num único ficheiro e para armazenar imagens pequenas em bases de dados ou ficheiros de configuração. Os programadores também a usam para evitar restrições CORS ao carregar imagens em operações de canvas na mesma página. Os favicons são frequentemente incorporados como data URIs no cabeçalho HTML para eliminar um ciclo de rede extra no primeiro carregamento.

Geralmente não. A codificação Base64 torna os dados cerca de 33% maiores do que o binário original, e as imagens incorporadas não podem ser armazenadas em cache separadamente pelo navegador nem carregadas de forma lazy com loading="lazy". Reserve o Base64 para recursos pequenos e que raramente mudam, como favicons, logótipos pequenos ou sprites de ícones com menos de ~10 KB. Para fotografias grandes, imagens de destaque ou recursos reutilizados em muitas páginas, mantenha-os como ficheiros de imagem normais servidos com cabeçalhos HTTP de cache adequados.

Sim, completamente seguro. A codificação e descodificação correm inteiramente no seu navegador usando as APIs FileReader e Canvas — as suas imagens nunca saem do seu dispositivo e nada é enviado para um servidor. Esta é uma vantagem fundamental de privacidade em relação a ferramentas como <strong>base64.guru</strong> e <strong>base64encoder.io</strong>, que fazem upload das suas imagens para os seus servidores para processamento. No UtiloKit, imagens privadas, confidenciais ou não publicadas permanecem na sua máquina durante toda a conversão. Pode inclusive desligar-se da internet depois de carregar a página e continua a funcionar.

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

Sim. Use o botão "Copiar Markdown" para , ou "Copiar <img>" para email HTML. Note que alguns clientes de email (nomeadamente o Outlook e a aplicação móvel do Gmail) removem ou bloqueiam imagens Base64, por isso teste antes de enviar para um grande número de destinatários. Para campanhas de newsletter, é mais seguro alojar imagens numa CDN e criar ligações para elas. Para emails transacionais para um único destinatário, o Base64 funciona de forma fiável na maioria dos clientes.

O base64.guru e o base64encoder.io processam ambos as suas imagens do lado do servidor — os seus ficheiros são enviados para a infraestrutura deles. O conversor de Imagem para Base64 do UtiloKit funciona 100% no seu navegador: sem upload, sem servidor, sem dados armazenados em lado nenhum. O UtiloKit também fornece snippets prontos a colar para CSS, HTML e Markdown, suporta conversão bidirecional (codificar e descodificar) e funciona offline depois de a página estar carregada. É também completamente gratuito sem limites de tamanho de ficheiro ou número de conversões.

Completamente gratuito, sem registo, sem marcas de água e sem limites de tamanho de ficheiro ou número de imagens. Ao contrário do browserling.com, que limita as conversões de imagem gratuitas e exige um plano pago para ficheiros acima de determinado tamanho, o UtiloKit não tem restrições. Como é do lado do cliente, não há custos por imagem ou de largura de banda — converta tantas imagens quantas quiser, com o tamanho que a memória do seu navegador permitir.

Sim. A ferramenta é totalmente responsiva e funciona em todos os navegadores móveis, incluindo o Safari no iPhone e o Chrome no Android. Pode tocar para escolher imagens do seu rolo de câmara ou da aplicação Ficheiros, ou colar um URL para carregar uma imagem remota. O resultado copia para a área de transferência para que possa colá-lo diretamente no Notion, num editor de código ou noutra aplicação. Não é necessário descarregar nenhuma aplicação — basta abrir a página no seu navegador móvel e funciona exatamente como a versão de computador.