Gerador de Data URI
Transforme qualquer arquivo (imagem, SVG, fonte, PDF, áudio) ou um trecho de SVG em data URI para embutir no HTML ou CSS. Base64, ou codificação URL para SVG.
Como criar um data URI
- Escolha, arraste ou cole um arquivo (até 5 MB). Para um trecho de SVG ou texto, escolha "Texto" e cole.
- Confira o tipo de arquivo (MIME) e a codificação: Base64 serve para qualquer arquivo, codificação URL para SVG e texto (geralmente mais curta).
- Escolha a forma que precisa: data URI, CSS, tag img, favicon ou link de download, e copie.
Perguntas frequentes
Para embutir um arquivo pequeno (ícone, logo SVG, fonte) direto no HTML ou CSS, sem download separado. Ideal para arquivos de poucos KB; os grandes deixam a página pesada e não ficam em cache.
Para SVG e texto, a codificação URL costuma ser mais curta que Base64 e continua legível. PNG, JPG, fontes e outros arquivos só aceitam Base64.
O Base64 transforma cada 3 bytes em 4 caracteres, ficando cerca de 33% maior. O tamanho antes e depois aparece junto do resultado.
Imagem para Base64 é para imagens. Esta ferramenta aceita qualquer arquivo e também SVG ou texto colado, permite mudar o tipo e traz código pronto para CSS, favicon e link de download.
É totalmente grátis e não precisa de cadastro.
Ferramentas relacionadas
Decodificador de Data URIVeja e salve arquivos de um data URI ou Base64Imagem para Base64Coloque imagens em HTML ou CSS com Base64Consulta de tipo MIMEConsulte tipos MIME e o tipo real de um arquivoGerador de slugsTransforme títulos em slugs limpos para URLGerador de UUIDGere identificadores UUID aleatóriosConversor de coresConverta entre códigos de cor HEX, RGB e HSLTestador de regexTeste regex: trechos destacados, grupos e substituiçãoGerador de regexRegex prontas para email, telefone, datas e maisExplicador de regexEntenda cada parte de uma regex