Codifique qualquer imagem como um URI de dados Base64
Solte uma imagem na ferramenta e obtenha instantaneamente a string codificada em Base64. Use a saída como um URI de dados em HTML, CSS ou JSON sem hospedar a imagem separadamente. A ferramenta exibe o comprimento codificado, o tipo MIME e uma visualização ao vivo para que você possa verificar o resultado antes de copiar.
Use esta ferramenta gratuitamenteBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Como usar
Carregar uma imagem
Arraste um arquivo JPEG, PNG, WebP, GIF ou SVG para a ferramenta. A imagem é lida localmente e nunca sai do seu dispositivo.
Revise a saída
A ferramenta exibe a string Base64, o URI de dados e uma visualização ao vivo da imagem decodificada para que você possa confirmar se ela corresponde.
Copie ou baixe
Clique para copiar a string do URI de dados ou baixá-la como um arquivo de texto simples. Use os botões de snippet HTML ou CSS para código pronto para colar.
Características
Suporte a vários formatos
Codifique arquivos JPEG, PNG, WebP, GIF e SVG. O tipo MIME correto é automaticamente detectado e incluído no prefixo do URI de dados.
Cópia com um clique
Copie a string Base64 bruta ou o URI de dados completo com um único clique. Um brinde de confirmação informa que o texto está na sua área de transferência.
Estatísticas de saída
Veja o tamanho do arquivo original, o comprimento da string codificada e a porcentagem de sobrecarga de codificação. Isso ajuda você a decidir se vale a pena compensar a incorporação da imagem.
Fragmentos CSS e HTML
Obtenha trechos de código prontos para colar para uma tag HTML img e uma regra de imagem de fundo CSS. Copie o snippet e solte-o diretamente em sua base de código.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceEspecificações
| Formatos de entrada | JPEG, PNG, WebP, GIF, SVG |
| Saída | String Base64/URI de dados |
| Tamanho máximo do arquivo | 10MB |
| Detecção MIME | Automático |
| Formatos de trecho | Imagem HTML, plano de fundo CSS |
| Processamento | Lado do cliente (sem upload) |
Related Magic Eraser Tools
Perguntas comuns
Quando devo usar Base64 em vez de um arquivo de imagem normal?
+
O inlining Base64 é mais útil para imagens muito pequenas, como ícones, pixels de rastreamento 1x1 ou pequenos elementos de UI, onde salvar uma solicitação HTTP extra é mais importante do que o aumento de tamanho de aproximadamente 33% que a codificação Base64 adiciona.
A codificação Base64 reduz a qualidade da imagem?
+
Não. Base64 é uma codificação sem perdas dos dados do arquivo binário. A imagem decodificada é byte por byte idêntica à original. A única desvantagem é uma carga útil de texto maior.
Existe um tamanho máximo de arquivo que posso codificar?
+
A ferramenta aceita arquivos de até 10 MB. Imagens maiores produzirão sequências muito longas que podem ser impraticáveis de serem incorporadas. Para imagens grandes, hospedar o arquivo e vinculá-lo a um URL é quase sempre a melhor abordagem.
Precisa de uma imagem de origem menor?
AI Enhance pode compactar e otimizar imagens antes de codificá-las. Um arquivo de origem menor produz uma string Base64 mais curta, reduzindo o peso da página.
Experimente gratuitamenteMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Projete gradientes lineares, radiais e cônicos com múltiplas paradas de cores. Copie o código CSS ou baixe como uma imagem PNG. Não é necessária inscrição.
Converta cores entre formatos nomeados HEX, RGB, HSL, HSB, CMYK e CSS. Veja uma visualização ao vivo, copie qualquer valor e exporte um cartão colorido. Não é necessária inscrição.
Converta códigos de cores HEX em valores RGB e vice-versa. Visualização ao vivo, cópia com um clique e saída de snippet CSS. Não é necessária inscrição – funciona no seu navegador.
Escolha qualquer cor de uma imagem enviada e obtenha seus códigos HEX, RGB e HSL instantaneamente. Crie paletas a partir de fotos para web design, branding e ilustração.
Carregue uma foto e extraia de 5 a 10 cores dominantes com códigos HEX, RGB e HSL. Copie amostras, exporte como variáveis ASE ou CSS. Não é necessária inscrição.
Gere códigos QR para URLs, texto, credenciais WiFi e vCards. Personalize cores, adicione um logotipo central e faça download como PNG ou SVG. Não é necessária inscrição.