Pular para o conteúdo

Conversor de imagem para Base64

Converta uma imagem em uma string Base64 ou data URI e decodifique Base64 de volta para uma imagem visualizável, totalmente no seu navegador.

ou solte um aqui PNG, JPEG, GIF, WebP, SVG e mais. Nada é enviado.

Como funciona

O Base64 transforma dados binários de imagem em texto simples para que possam ser incorporados diretamente em HTML, CSS ou JSON em vez de vinculados como um arquivo separado. Um data URI adiciona um prefixo curto que identifica o formato, permitindo que o navegador o renderize sem uma solicitação separada.

  1. Solte ou escolha uma imagem

    PNG, JPEG, GIF, WebP, SVG e a maioria dos outros formatos que um navegador pode exibir.

  2. Escolha data URI ou Base64 bruto

    Use o data URI diretamente como src de img ou background-image em CSS; use Base64 bruto quando seu próprio código adicionar o prefixo.

  3. Copie ou mude para decodificar

    Cole uma string Base64 ou data URI na outra aba para visualizar e baixar como uma imagem.

Quando usar imagens em Base64

Imagens Base64 inline eliminam uma requisição HTTP para imagens pequenas, como ícones ou logotipos, o que pode ajudar em cenários específicos. A codificação Base64 também aumenta os dados em cerca de 33%, eleva o tamanho do arquivo HTML, CSS ou JSON onde está inserida, ignora o cache normal de imagens do navegador e é mais difícil de atualizar do que um arquivo vinculado. A maioria dos sites deve reservar esse recurso para imagens pequenas, de aproximadamente 2 KB ou menos, usadas inline.

Nada sai do seu dispositivo

A imagem é lida com a File API do navegador e codificada inteiramente em JavaScript. Nenhum dado do arquivo é transmitido para qualquer servidor, o que torna esta ferramenta segura para capturas de tela, recursos de design ou qualquer outra imagem que você prefira não enviar.

Perguntas frequentes

Como converto uma imagem para um data URI Base64 para incorporar em HTML ou CSS?

Arraste e solte uma imagem na área de envio ou clique em Escolher uma imagem para selecionar um arquivo. A ferramenta lê a imagem localmente, codifica-a em Base64 e exibe um data URI completo (data:image/png;base64,...) ou Base64 bruto, dependendo do formato de saída escolhido. Use o data URI diretamente em um atributo src de img ou na propriedade background-image do CSS.

Minha imagem é enviada para um servidor durante a conversão para Base64?

Não. A imagem é lida usando a File API do navegador e codificada inteiramente em JavaScript no seu dispositivo. Nenhum dado do arquivo é transmitido para qualquer servidor. Isso torna a ferramenta adequada para converter capturas de tela, recursos de design, ícones ou qualquer outro arquivo de imagem sem preocupações com privacidade.

Quando devo usar imagens codificadas em Base64 em vez de arquivos de imagem externos?

Imagens Base64 em linha eliminam uma requisição HTTP para imagens pequenas, como ícones, logotipos ou espaços reservados data-URI, o que pode reduzir o tempo de carregamento da página em cenários específicos. No entanto, a codificação Base64 aumenta o tamanho da imagem em cerca de 33%, incrementa o tamanho dos arquivos HTML ou CSS, ignora o cache de imagens do navegador e é mais difícil de atualizar. A recomendação geral é usar Base64 apenas para imagens muito pequenas, com menos de 2 KB, usadas em linha.

Como decodifico uma string Base64 de volta para uma imagem visualizável?

Mude para a aba Base64 para imagem, cole a string Base64, com ou sem o prefixo data URI, e clique em Decodificar para imagem. A ferramenta decodifica e exibe uma pré-visualização. Você pode então inspecionar a imagem ou baixá-la. Se a string estiver truncada ou corrompida, a pré-visualização não será exibida e a ferramenta informará você.

Quais formatos de imagem este conversor Base64 suporta?

O conversor aceita qualquer formato de imagem que o navegador possa exibir, o que normalmente inclui PNG, JPEG, GIF, WebP, SVG, AVIF e ICO. O filtro do seletor de arquivos está definido como image/*, portanto, arquivos que não são imagens são excluídos por padrão. O data URI de saída inclui o tipo MIME correto com base no tipo de arquivo detectado.