Imagem para o conversor Base64

Um conversor de imagem para Base64 transforma o conteúdo binário de um arquivo de imagem em uma sequência de texto Base64, geralmente envolvida em um URI de dados como data: image/png; base64,iVBORw0KG... Base64 é uma codificação que representa qualquer dado binário usando 64 caracteres ASCII imprimíveis, para que a sequência resultante possa viver diretamente dentro de HTML, CSS, JSON ou SVG sem a necessidade de uma solicitação de arquivo separada Este conversor também é executado ao contrário: cole uma string Base64 ou um URI de dados completo e reconstrói a imagem original para visualização e download.

Os desenvolvedores incorporam imagens como Base64 para reduzir solicitações HTTP, para alinhar pequenos ícones e logotipos para que apareçam no instante em que uma página pinta e para enviar arquivos independentes onde uma imagem e sua marcação viajam juntas. Um URI de dados carrega seu próprio tipo MIME, e é por isso que um navegador pode renderizar dados: imagem/png;base64,... como imagem no momento em que analisa o atributo. A compensação é o tamanho: Base64 infla os dados em cerca de um terço, de modo que se adapta a pequenos ativos muito melhor do que fotos grandes.

Esta ferramenta faz todo o seu trabalho no seu navegador A imagem é lida localmente com a API File, codificada com uma rotina Base64 escrita à mão, e nunca carregada em um servidor, que mantém obras de arte privadas e capturas de tela em sua própria máquina Ao lado do Base64 bruto você obtém um URI de dados pronto para colar, uma tag img HTML e uma declaração de imagem de fundo CSS, além do tamanho do byte decodificado para que você possa julgar se o inlining vale a pena antes de se comprometer.

Um cuidado prático: um URI de dados é aproximadamente um terço maior que o arquivo que ele codifica e não pode ser armazenado em cache separadamente pelo navegador, portanto, incluir qualquer coisa além de um pequeno ícone geralmente custa mais do que a solicitação que ele salva.