Conversor de Imagem para Base64 (Data URI)
Transforme uma imagem em texto Base64 para colar directamente em HTML, CSS ou JSON, como data URI, marca <img> ou fundo em CSS.
Resultados
Tamanho do texto Base64
32.0 kB
Caracteres
32 790
Maior do que o ficheiro em
33,3
%
Era
24.0 kB
O que faz esta ferramenta
Um data URI põe a própria imagem dentro do código, por isso um ícone ou logótipo pequeno não precisa de um ficheiro à parte nem de mais um pedido ao servidor. O preço é o tamanho: o Base64 escreve cada 3 bytes como 4 caracteres, por isso o texto fica cerca de um terço maior do que o ficheiro, e o navegador não o consegue guardar em cache à parte. Serve bem para ícones pequenos, modelos de e-mail e páginas de um só ficheiro, e mal para fotografias. Nada sai do seu computador: o navegador lê o ficheiro e escreve o texto nesta página.
Fórmula
caracteres Base64 = 4 × ⌈bytes ÷ 3⌉ ; data URI = data:tipo;base64, + caracteres
Variáveis
| Símbolo | Significado | Unidade |
|---|---|---|
snippet | Copiar como | — |
bytes_in | Tamanho original, em bytes | — |
mime | Tipo de ficheiro | — |
OUT | Tamanho do texto Base64 | — |
CH | Caracteres | — |
OV | Maior do que o ficheiro em | % |
BF | Era | — |
Exemplo resolvido
- Copiar comouri
- Tamanho original, em bytes24 576
- Tipo de ficheiroimage/png
- Tamanho do texto Base6432.0 kB
- Caracteres32 790
- Maior do que o ficheiro em33,3 %
- Era24.0 kB
Limitações
- O cálculo é feito inteiramente no seu navegador. Os valores que introduz nunca são enviados para um servidor.