🖼️

Imagem para Base64

Converta imagens para strings codificadas em Base64 para incorporar em HTML, CSS ou JSON. Suporta PNG, JPG, GIF.

Publicidade
📁

Arraste e solte uma imagem

ou clique para procurar

PNG, JPG, GIF, SVG, WebP

Tamanho do arquivo

Dimensões

Tipo

Base64

Formato de saída:

Copiado

Falha ao copiar. Selecione o resultado e copie manualmente.

Incorporar esta ferramenta no seu site

Use dimensões inteiras de 1 a 4096 píxeis.

× px (1–4096)

                        

💡 Dica de integração

Copie o código de incorporação e cole no HTML do seu site. A versão responsiva se adapta automaticamente a todos os tamanhos de tela.

4.2
6 avaliações
✓

Ferramentas populares

Não há mais ferramentas
Explorar todas as ferramentas

O formato é identificado nos dados e o navegador tem de os descodificar. A codificação lê os bytes originais sem recodificar com Canvas. Base64 é maior; prefira ícones pequenos ou integração JSON/HTML/CSS.

Estes controlos processam os ficheiros selecionados com as API do navegador. Publicidade e outros serviços do sítio têm comportamento separado. O suporte de descodificação e codificação varia. Canvas exporta uma imagem renderizada; animação, perfis de cor, metadados e conservação/remoção de EXIF não são prometidos. As dimensões seguem a imagem descodificada, incluindo a orientação aplicada pelo descodificador. Guarde o original.

Sobre Imagem para Base64

Converta imagens para strings codificadas em Base64. Incorpore imagens diretamente em HTML/CSS.

Codifique os bytes originais como URI de dados, Base64 puro, HTML ou CSS, ou descodifique Base64 de imagem para pré-visualizar e transferir. Estes controlos processam os ficheiros selecionados com as API do navegador. Publicidade e outros serviços do sítio têm comportamento separado. O suporte de descodificação e codificação varia. Canvas exporta uma imagem renderizada; animação, perfis de cor, metadados e conservação/remoção de EXIF não são prometidos. As dimensões seguem a imagem descodificada, incluindo a orientação aplicada pelo descodificador. Guarde o original.

O Base64 PNG puro não tem prefixo URI; HTML escapa o nome usado como texto alternativo.

Este fluxo permite até 100 MiB por ficheiro, 100 milhões de píxeis e 32767 píxeis por lado. O navegador pode ter limites inferiores.

Casos de uso

Incorporando imagens pequenas em CSS
Criando URLs de dados
Armazenando imagens em JSON
Incorporação de imagens em email
Reduzindo requisições ao servidor

Como usar

1

Carregue ou arraste uma imagem

2

Veja a saída em Base64

3

Copie a URL de dados

4

Use no seu HTML/CSS

5

Escolha Codificar e selecione ou largue uma imagem.

6

Confira tipo, dimensões e tamanho original.

7

Escolha URI de dados, Base64 puro, HTML ou CSS.

8

Copie o resultado; se falhar, copie manualmente.

9

Escolha Descodificar, cole Base64 ou um URI coerente, aguarde a pré-visualização e transfira.

10

Reponha o ficheiro antes de tentar outro.

Dicas Pro

  • Melhor para imagens abaixo de 10KB
  • Imagens maiores aumentam o tamanho da página
  • Inclua tipo MIME na URL de dados
  • Guarde o original, confira contornos e transparência na pré-visualização e compare bytes antes de usar.

Perguntas frequentes

Elimina uma requisição HTTP - bom para imagens minúsculas.

Sim - PNG, JPG, GIF, SVG, WebP, etc.

Imagens grandes - o aumento de 33% no tamanho deixa arquivos muito grandes.

Sim. Os bytes identificam JPEG e a transferência usa .jpg; uma declaração PNG sobre bytes JPEG é rejeitada.

PNG, JPEG, WebP, GIF, BMP, SVG e outros dados reconhecidos exigem descodificação pelo navegador. Dados danificados ou não suportados apresentam erro.

Imagens grandes aumentam o texto e a página. Um URI pode evitar um pedido de imagem separado, mas o suporte depende da aplicação de destino.

FreeWebTools AI