Gerador de Data URI
Gerador de Data URI gratuito online, converter arquivos em Base64
📎Clique ou arraste um arquivo para gerar Data URISuporta imagens, fontes, SVG, PDF e mais
O que são URIs de Dados?
Um URI de Dados incorpora dados de arquivo diretamente em uma URL usando o formato data:[tipoMime];base64,[dados]. Isso permite incorporar pequenas imagens, fontes ou arquivos diretamente em HTML, CSS ou JavaScript sem referências a arquivos externos. URIs de Dados eliminam requisições HTTP extras para recursos pequenos.
Como gerar URIs de Dados
Envie um arquivo (imagem, fonte, SVG, etc.). A ferramenta gera a string do URI de Dados. Use Copiar como CSS para obter uma propriedade background-image ou Copiar como HTML para uma tag <img>. URIs de Dados funcionam melhor para arquivos abaixo de 10KB.
▶Quando devo usar URIs de Dados vs arquivos externos?
Use URIs de Dados para recursos pequenos (abaixo de 10KB) como ícones, imagens minúsculas ou fontes. Para arquivos maiores, arquivos externos com cache são mais eficientes. Muitos URIs de Dados em CSS podem tornar a renderização mais lenta.
▶URIs de Dados funcionam em todos os navegadores?
Sim, todos os navegadores modernos suportam URIs de Dados. Navegadores muito antigos (IE8 e anteriores) têm um limite de tamanho de 32KB, mas isso não é relevante para aplicações modernas.