Convert images to Base64 data URIs — 100% in your browser
Processing uses browser-native Canvas and File APIs, so output can vary slightly between browsers. All processing runs locally in your browser.
An image file is a stream of binary bytes. Base64 re-encodes those bytes using only 64 printable characters (A–Z a–z 0–9 + /), so the result can live inside HTML, CSS or JSON where raw binary cannot. Every 3 input bytes become 4 characters (3×8 = 24 bits → 4×6 bits). Because the alphabet holds 64 symbols, the string grows by about 33% over the raw file. The data: URI simply prefixes the MIME type (data:image/png;base64,) so a browser can decode it back into a real image.
Bytes 0x48 0x69 0x21 are the text 'Hi!'. Split into 6-bit groups, each maps to one alphabet symbol: S, G, k, h. 'data:image/png;base64,…' tells the browser which decoder to run on the string.
A 200 KB PNG you want to ship without a separate network request.
Convert images to Base64 DataURL. Everything runs locally; nothing is uploaded.
FreeToolHub Image to Base64 is a free browser-based tool — convert images to Base64 DataURL. No signup, no upload; everything runs locally in your browser.
Converta imagens para Base64 DataURL. Suporta JPG, PNG, WebP, GIF, SVG. Copie ou baixe. Gratuito, 100% baseado em navegador.
Este conversor codifica imagens em URLs de dados Base64 — as strings autocontidas como data:image/png;base64,iVBOR... que incorporam imagens diretamente em HTML, CSS e JSON sem solicitação de arquivo separada. Ele aceita JPG, PNG, WebP, GIF e SVG, mostra o comprimento codificado e o tamanho da sobrecarga versus o arquivo original e gera a URL de dados completa ou apenas o payload Base64. Trechos prontos para CSS e HTML permitem colar o wrapper correto para background-image versus tags <img> sem edição manual.
Desenvolvedores web incorporam ícones e logos pequenos para eliminar solicitações HTTP em páginas críticas para desempenho. Designers de email incorporam imagens que sobrevivem a clientes que bloqueiam hospedagem externa. Engenheiros frontend incorporam ativos em componentes de arquivo único e configurações JSON. Qualquer pessoa que construa geradores de PDF ou DOCX que exijam imagens embutidas converte aqui primeiro. O indicador de sobrecarga de tamanho mantém as decisões honestas: a codificação infla os arquivos em cerca de 33%, então ela guia a escolha entre incorporação e arquivo por imagem.
(1) Faça upload ou solte uma imagem — JPG, PNG, WebP, GIF ou SVG. (2) A ferramenta lê o binário, codifica para Base64 e monta a URL de dados com o tipo MIME correto. (3) Leia o painel de saída: URL de dados, Base64 bruto, contagens de bytes para o arquivo original e codificado, e a porcentagem de inflação. (4) Copie como URL de dados, como sintaxe de background do CSS, como tag <img>, ou baixe o texto. Tudo é codificado localmente — a imagem nunca faz upload, o que é o ponto para ativos não lançados.
A incorporação vence para ativos pequenos, críticos para bloqueio de renderização: ícones, logos e espaços reservados com aproximadamente 5–10 KB, onde eliminar uma viagem de rede importa mais que os bytes salvos. Também é a única opção quando um documento deve ser verdadeiramente de arquivo único — relatórios HTML autônomos, modelos de email para clientes que bloqueiam imagens remotas, e payloads JSON incorporados. Os custos são reais além da inflação de tamanho de 33%: imagens Base64 não podem ser armazenadas em cache separadamente, então cada carregamento de página as traz novamente; elas não podem ser carregadas de forma preguiçosa; e strings grandes incorporadas incham CSS e HTML de maneiras que retardam a análise. A melhor prática moderna apoia-se no multiplexing HTTP/2 e em CDNs, recorrendo à incorporação apenas para as poucas imagens críticas. SVG recebe um caso especial — como texto vetorial, geralmente é melhor incorporado como marcação SVG bruto em vez de Base64, mantendo-o estilizável e controlável por script.
A incorporação Base64 brilha para ícones pequenos, logos e imagens decorativas onde uma solicitação HTTP extra custa mais que a sobrecarga de tamanho: emails HTML de arquivo único, demonstrações autocontidas e imagens de background do CSS. Para fotos grandes ou qualquer coisa reutilizada em muitas páginas, um arquivo normal com cache de navegador é quase sempre a melhor escolha.
Cerca de 33% maior — Base64 codifica cada 3 bytes de dados binários como 4 caracteres de texto. Um PNG de 100 KB torna-se aproximadamente uma string de 133 KB. Essa sobrecarga é a principal razão pela qual a incorporação é reservada para ativos pequenos; em uma foto de 1 MB ela desperdiça banda larga e incha seu HTML.
A saída é uma URL de dados — 'data:image/png;base64,...' — uma imagem completa empacotada em uma string. Você pode colá-la diretamente em um <img src>, uma url() do CSS, um link de favicon ou um payload JSON. Navegadores a decodificam na hora, sem necessidade de solicitação de rede.
Não. O arquivo é lido localmente com a FileReader API do navegador e codificado na memória. Nada sai do seu dispositivo, o que torna a ferramenta adequada para ativos internos, prints de tela sob NDA ou qualquer imagem que você não faria upload para um serviço de terceiros.
As URLs de dados Base64 incorporam dados de imagem diretamente em HTML, CSS ou JSON como texto — sem necessidade de solicitação HTTP separada. Isso reduz viagens de servidor para imagens pequenas (ícones, logos), permite emails HTML autocontidos e simplifica payloads de API. No entanto, a codificação Base64 aumenta o tamanho do arquivo em ~33%, então use-a apenas para imagens abaixo de 50KB.
JPG, PNG, WebP, GIF e SVG. A ferramenta gera uma string completa de Data URL (data:image/png;base64,...) que você pode colar diretamente em atributos src de <img> HTML, propriedades background-image do CSS ou campos de API JSON. Você também pode baixar a string codificada como um arquivo de texto.
Base64 Data URLs embed image data directly in HTML, CSS, or JSON as text—no separate HTTP request needed. This reduces server round-trips for small images (icons, logos), enables self-contained HTML emails, and simplifies API payloads. However, Base64 encoding increases file size by ~33%, so use it only for images under 50KB.
JPG, PNG, WebP, GIF, and SVG. The tool outputs a complete Data URL string (data:image/png;base64,...) that you can paste directly into HTML <img> src attributes, CSS background-image properties, or JSON API fields. You can also download the encoded string as a text file.
What do you call a really smart cookie?
No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.
☕Support me on Ko-fi— support the free tier100% of proceeds go towards hosting & building more free tools.