URI de dados para HTML e CSS
Crie uma string data:image/...;base64 para o atributo src de um elemento HTML img ou uma propriedade CSS background-image. Use Prefixo de imagem para alternar entre uma URI de dados e Base64 puro.
Imagem para Base64
Codifique uma imagem em Base64 ou copie uma URI de dados para HTML e CSS.
Modo de conversão
Mais ações
Tabela de caracteres Base64
Base64 usa 64 caracteres: A-Z, a-z, 0-9, + e /. O símbolo = serve como preenchimento.
Clique em um valor para copiá-lo.
| Índice | Binário | Car. |
|---|---|---|
| 0 | A | |
| 1 | B | |
| 2 | C | |
| 3 | D | |
| 4 | E | |
| 5 | F | |
| 6 | G | |
| 7 | H | |
| 8 | I | |
| 9 | J | |
| 10 | K | |
| 11 | L | |
| 12 | M | |
| 13 | N | |
| 14 | O | |
| 15 | P |
| Índice | Binário | Car. |
|---|---|---|
| 16 | Q | |
| 17 | R | |
| 18 | S | |
| 19 | T | |
| 20 | U | |
| 21 | V | |
| 22 | W | |
| 23 | X | |
| 24 | Y | |
| 25 | Z | |
| 26 | a | |
| 27 | b | |
| 28 | c | |
| 29 | d | |
| 30 | e | |
| 31 | f |
| Índice | Binário | Car. |
|---|---|---|
| 32 | g | |
| 33 | h | |
| 34 | i | |
| 35 | j | |
| 36 | k | |
| 37 | l | |
| 38 | m | |
| 39 | n | |
| 40 | o | |
| 41 | p | |
| 42 | q | |
| 43 | r | |
| 44 | s | |
| 45 | t | |
| 46 | u | |
| 47 | v |
| Índice | Binário | Car. |
|---|---|---|
| 48 | w | |
| 49 | x | |
| 50 | y | |
| 51 | z | |
| 52 | 0 | |
| 53 | 1 | |
| 54 | 2 | |
| 55 | 3 | |
| 56 | 4 | |
| 57 | 5 | |
| 58 | 6 | |
| 59 | 7 | |
| 60 | 8 | |
| 61 | 9 | |
| 62 | + | |
| 63 | / |
Ferramentas relacionadas
Suas estatísticas
0
Conversões
0
Cópias
0
Caracteres processados
Texto
Modo favorito
0
Tamanho médio
100%
Pontuação de uso
Como converter uma imagem em Base64
Não foi possível carregar o vídeo. Você pode seguir as instruções abaixo.
O vídeo mostra a interface em inglês.
Ao abrir a ferramenta, Codificar imagem já está selecionado. Clique em Importar ou Escolher arquivos e escolha uma imagem. Confira se a prévia mostra o arquivo certo. O original não muda. O resultado Base64 é texto e pode ser maior que a imagem.
Opções de imagem para Base64
Formatos de imagem de entrada
Codifique JPG, PNG, GIF, WebP, AVIF, BMP ou ICO. Você também pode soltar um SVG. HEIC e HEIF viram JPEG, e de um TIFF é usada a primeira imagem como PNG.
Codificar e decodificar
Codifique uma imagem importada ou recupere uma imagem dos dados Base64. Codificar imagem baixa texto. Decodificar imagem baixa a imagem exibida se a prévia tiver sido carregada.
Mostrar mais 3Mostrar menos
Imagens da área de transferência
Em Codificar imagem, use Colar para ler uma imagem copiada, se o navegador permitir o acesso à área de transferência.
Importações de até 50 MiB
Os arquivos de imagem têm um limite de 50 MiB. Os formatos aceitos na prévia e a memória disponível também determinam quais imagens podem ser exibidas.
Conversão no navegador
Converta uma imagem importada em texto Base64. Os formatos de imagem comuns mantêm seus bytes originais.
Perguntas frequentes
Como converter uma imagem em Base64?
Escolha Codificar imagem e adicione a imagem. Ative Prefixo de imagem para obter uma URI de dados completa ou desative para obter Base64 puro. Copie o resultado ou baixe o arquivo de texto.
Como usar uma imagem Base64 em HTML ou CSS?
Com Prefixo de imagem ativado, copie um valor como data:image/png;base64,... para o atributo src de um elemento HTML img ou um valor CSS background-image: url(...).
Como converter Base64 em uma imagem?
Escolha Decodificar imagem e insira os dados Base64 da imagem, com ou sem prefixo de URI de dados. Se o navegador conseguir exibir o formato recuperado, confira a prévia e use Baixar para salvar a imagem.
Quais formatos de imagem posso importar?
O seletor de arquivos aceita JPG, PNG, GIF, WebP, AVIF, BMP, TIFF, ICO, HEIC e HEIF. Você pode soltar um SVG na página. HEIC e HEIF viram JPEG, e a primeira imagem de um TIFF vira PNG. Os outros formatos compatíveis mantêm seus bytes originais. O limite é de 50 MiB.
Mostrar mais 2Mostrar menos
Vale a pena incorporar imagens grandes em Base64?
Base64 usa quatro caracteres para cada três bytes, mais o preenchimento necessário. Dados grandes aumentam cerca de um terço. Além disso, uma imagem incorporada não pode ser armazenada em cache como arquivo separado. Use arquivos de imagem comuns para imagens grandes ou reutilizadas.
Minha imagem é enviada a um servidor?
A codificação e a decodificação ocorrem no navegador sem enviar a imagem a um servidor de conversão. Os contadores de uso podem ficar salvos localmente após fechar a aba.
Detalhes técnicos
Codificação de texto UTF-8
TextEncoder converte o texto em bytes UTF-8 antes de btoa gerar Base64. A decodificação usa atob e TextDecoder. Os arquivos de texto são lidos como UTF-8. Sequências UTF-8 inválidas viram caracteres de substituição. As imagens seguem um processo de importação separado.
Onde ocorre a conversão
O modo de texto trabalha com bytes UTF-8. Codificar imagem lê os dados da imagem importada. Decodificar imagem verifica os dados recuperados com o decodificador de imagens do navegador.
Mostrar mais 4Mostrar menos
Formatos e conversão de imagens
Codificar imagem preserva os bytes dos formatos de imagem comuns. Para HEIC e HEIF, usa a decodificação nativa quando disponível ou libheif como alternativa, e depois converte para JPEG. Para TIFF, usa UTIF e converte a primeira imagem em PNG. Decodificar imagem envia a imagem recuperada ao decodificador do navegador.
Processamento e memória
A conversão de texto e a validação Base64 rodam em um worker do navegador. Entradas e resultados grandes continuam ocupando memória. As prévias precisam de memória adicional para os pixels decodificados. Textos longos aparecem em uma prévia somente para leitura, mas o resultado completo pode ser copiado ou baixado.
URIs de dados para HTML e CSS
Prefixo de imagem cria uma URI de dados, como data:image/png;base64,..., para o atributo src de um elemento HTML img ou um valor CSS url(). O resultado com prefixo mantém o alfabeto padrão, o preenchimento e uma única linha. Desative o prefixo para obter Base64 puro e usar a opção URL-safe.
Inserir texto e imagens
Escolha o modo antes de inserir os dados. Digite ou cole texto, importe um arquivo de texto ou solte uma imagem em Codificar imagem. Use Colar em Codificar imagem para imagens da área de transferência, se o navegador permitir. Ao arrastar arquivos de texto, são aceitos TXT, JSON e XML. O seletor também oferece CSV, HTML, CSS e JavaScript.