Imagem Base64
Converta imagens em Data URIs Base64 e vice-versa, com arrastar-e-soltar e pré-visualização
Clique ou arraste uma imagem aqui para enviar
Formatos suportados: PNG / JPG / GIF / SVG / WebP / BMP
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Clique para escolher outra imagem
Comprimento: {{ base64Output.length }} caracteres
MIME: {{ imageInfo.mime }}
Caracteres: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
Sobre a Conversão de Imagem Base64
A conversão de imagem Base64 transforma um arquivo de imagem em uma string Data URI codificada em Base64. Um Data URI incorpora os dados da imagem diretamente dentro de HTML ou CSS, no formato data:image/png;base64,....
Usos comuns de imagens Base64 incluem reduzir requisições HTTP (incorporando pequenas imagens no HTML), inserir imagens de fundo em CSS, adicionar imagens a e-mails e referenciar imagens em Markdown.
Esta ferramenta funciona nos dois sentidos: converta um arquivo de imagem em um Data URI Base64, ou transforme um Data URI Base64 de volta em imagem e baixe-a. Tudo roda no seu navegador.
Perguntas Frequentes
P: A imagem fica maior após a conversão Base64?
R: Sim. O Base64 aumenta o tamanho dos dados em cerca de 33%. Para imagens grandes, use a incorporação com cautela, pois pode deixar o carregamento da página mais lento.
P: Quais formatos de imagem são suportados?
R: PNG, JPEG, GIF, SVG, WebP, BMP, ICO e outros formatos comuns. O tipo MIME é detectado automaticamente na saída.
P: Como uso uma imagem Base64 no CSS?
R: Use
background-image: url(data:image/png;base64,...). Esta ferramenta oferece um botão "Copiar fundo CSS" que gera código CSS pronto para colar com um clique.