Codificar a imagem em Base64 conversor online


O nosso conversor online ajuda você a codificar/converter qualquer imagem em Base64.
Esta aplicação é necessário se você deseja colocar a imagem diretamente no código da página ou documento, neste caso, é necessário converter a imagem desejada em uma string Base64, e depois que o resultado obtido inserir ou na própria página usando a tag de saída de imagem (<img> elements), ou em стилевом arquivo CSS (background).
A conveniência deste método é inegável e a sua principal vantagem de web design é que não é preciso hospedar a imagem em um diretório e, em seguida, exibir em sua página, pois usando Base64 pode prescindir deste e de fazer tudo em um único arquivo que é muito conveniente.

Um exemplo de utilização de Base64 para a imagem de saída:
1). A saída da imagem em HTML através da tag (<img>).
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo="/>

2). A saída da imagem através de estilos (CSS).
div.photo {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo=") repeat-x; width:100%; height:10px;}
Agora no HTML, é possível inferir através de <div id="photo" width="10" height="10"></div>

Base64 é um padrão de codificação de dados binários usando apenas 64 caracteres ASCII, o próprio alfabeto de codificação contém текстово-digitais os caracteres A-Z, A-z e 0-9 (62 sinal) e 2 caracteres adicionais, dependendo do sistema de implementação, quando o fizer, a cada 3 origem bytes codificados 4 caracteres (aumento de 1⁄₃).

Você pode codificar/converter a imagem de qualquer tamanho ou extensão.jpg .jpeg .tif .tiff .png .gif .bmp .dib) em Base64.
Como resultado, você receberá sua imagem na forma de uma string Base64, com a qualidade e o tamanho da imagem será salvo.


***** Sua imagem convertida em uma string BASE64 *****
O código para colar (<img> elements):

O código para colar (CSS background):