Codifique uma imagem e copie um URI de dados, Base64 ou trecho de código pronto.
1
Carregue e selecione uma imagem de até 10 MiB
2
Codifique a imagem e escolha URI de dados, HTML, CSS ou JSON
3
Copie ou baixe o snippet selecionado
A fonte é carregada e codificada no servidor sem recompactar a imagem. O URI de dados é útil para pequenos ativos; imagens maiores geralmente são melhor servidas como arquivos armazenados em cache separadamente. A incorporação pode ser bloqueada pela política de segurança de conteúdo de destino.
↑Escolha arquivoArraste e solte arquivos aqui… (ou clique para selecionar os arquivos)ou solte um arquivo com arquivosCarregar arquivo
Conversor URI de imagem para dados
Faça upload de uma imagem e converta-a em uma string URI/Base64 de dados para uso em HTML, CSS ou JSON. A saída é útil para ícones pequenos, modelos de e-mail, planos de fundo CSS, demonstrações e layouts de teste onde um arquivo de imagem separado seria inconveniente.
A ferramenta ajuda você a copiar um snippet pronto para uso, verificar o tamanho codificado e decidir se a incorporação in-line é razoável para a imagem selecionada.
✓Converta uma imagem em Data URI para incorporá-la diretamente em HTML, CSS ou JSON.
✓O resultado é útil para ícones pequenos, placeholders, e-mails e protótipos.
✓Envie a imagem e copie a string Base64 pronta sem instalar programas extras.
✓Use Data URI quando quiser evitar uma requisição separada para um arquivo pequeno.
✓Funciona em computador, tablet e celular com um navegador moderno.
✓Os arquivos temporários são removidos automaticamente depois de algum tempo.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
As resenhas são verificadas antes da publicação. Publicamos feedback positivo genuíno e críticas específicas. Spam e insultos sem detalhes úteis não são publicados; palavrões e detalhes pessoais são mascarados. Os votos positivos são contados imediatamente; os votos negativos são contados após revisão.
As avaliações refletem as experiências dos usuários, não uma garantia de resultados ou uma descrição dos limites do serviço. Use os botões de avaliação acima para deixar um comentário.