Image to Base64
Convert images to Base64
Convert images to Base64 Executa localmente no seu navegador
About the
O conversor de imagem para Base64 transforma qualquer arquivo de imagem em um URI de dados Base64 que você pode colar diretamente em HTML, CSS ou JSON. O arquivo é lido com o leitor de arquivos do próprio navegador e codificado localmente, para que nunca seja carregado, o que o torna seguro para logotipos e ativos que você prefere não enviar a terceiros. A contagem de caracteres é mostrada ao lado do resultado porque Base64 aumenta o tamanho em cerca de um terço, e isso é importante quando a string acaba embutida em uma página.
Where people use the
- Incorporar um pequeno logotipo para que um modelo de e-mail seja renderizado sem recursos externos.
- Incorporar um ícone em um documento HTML de arquivo único.
- Colocar uma imagem em uma carga JSON que aceita apenas texto.
- Evitar um aviso de conteúdo misto em uma página veiculada por HTTPS.
How to use the
- 1
Escolha uma imagem
Use o controle de upload para escolher qualquer arquivo de imagem. Formatos comuns como PNG, JPEG, GIF e SVG são aceitos.
- 2
Aguarde a codificação
O URI de dados aparece em uma área de texto depois que o arquivo é lido. Arquivos maiores demoram mais.
- 3
Copie a sequência
Use o botão copiar para obter todo o URI de dados, incluindo o prefixo data: e o tipo de mídia.
- 4
Cole onde você precisar
Use-o como o src de uma tag de imagem, dentro de um valor CSS url() ou como um campo em uma carga JSON.
Dicas e práticas recomendadas
- Mantenha as imagens embutidas pequenas; a string é cerca de um terço maior que o arquivo.
- Copie todo o URI de dados, incluindo o prefixo data:, ou o navegador não o renderizará.
- Para fotografias, hospede o arquivo e crie um link para ele em vez de inlinhá-lo.
Perguntas frequentes
A imagem é carregada em algum lugar?
Não. O arquivo é lido e codificado no seu navegador, portanto nunca sai do seu dispositivo. Essa é a principal razão para usar isso em vez de um conversor online que faz upload.
Por que a string é muito maior que o arquivo?
Base64 representa três bytes com quatro caracteres, portanto o resultado é cerca de um terço maior que o arquivo original antes de qualquer outra sobrecarga.
Devo incorporar imagens em uma página?
Apenas os pequenos. Inlining salva uma solicitação, mas impede que o arquivo seja armazenado em cache separadamente e torna o HTML maior, de modo que se adapte a ícones e logotipos minúsculos, não a fotografias.
Posso ir para o outro lado?
Aqui não. Esta ferramenta codifica um arquivo de imagem em texto. A decodificação precisa de um decodificador Base64 mais o tipo de mídia original.
Existe um limite de tamanho de arquivo?
Não há limite de servidores, porque nada é carregado. Imagens muito grandes ainda levarão tempo para serem codificadas e produzirão uma sequência difícil de manejar.