Manipulador de Data URI
Cria ou decodifica data URIs em Base64 para incorporar arquivos.
Sobre o Manipulador de Data URI
O Manipulador de Data URI permite codificar qualquer arquivo em um Data URI Base64 para incorporação direta em HTML, CSS ou JavaScript, e decodifica Data URIs existentes de volta ao seu conteúdo de arquivo original. Data URIs seguem o formato RFC 2397 `data:['<'mediatype>][;base64],'<'data>`, permitindo que assets sejam inlined sem requisições HTTP adicionais. Inlining de pequenos assets como ícones SVG, fontes ou pequenas imagens pode reduzir significativamente a latência de carregamento da página para recursos críticos. Toda a codificação, decodificação, detecção de MIME-type e preview de arquivo acontece inteiramente no seu browser sem a necessidade de upload para o server.
Como Usar
Para codificar, faça upload de um arquivo ou cole texto bruto e selecione o MIME type correto no dropdown — a ferramenta gera a string completa do Data URI compatível com RFC 2397 pronta para colar em atributos src, href ou url(). Para decodificar, cole um Data URI existente no campo de entrada e clique em Decodificar para extrair o conteúdo incorporado, visualizar imagens ou SVGs inline e baixar o arquivo original. Todo o processamento é client-side, então seus arquivos nunca saem do browser.
Casos de Uso Comuns
- Desenvolvedores frontend incorporando pequenos ícones SVG, spinners ou imagens de UI diretamente em HTML ou CSS para eliminar requisições HTTP adicionais e reduzir a latência do critical rendering path
- Designers de templates de e-mail incorporando fontes web personalizadas e imagens de logo como Data URIs Base64 em blocos de estilo CSS para garantir renderização consistente em clientes que bloqueiam o carregamento de recursos externos
- Pesquisadores de segurança decodificando Data URIs suspeitos encontrados em anexos HTML de phishing ou tags de script ofuscadas para revelar o conteúdo do payload oculto
- Desenvolvedores web criando demos HTML de arquivo único totalmente autocontidos, páginas de documentação offline ou widgets de ferramentas portáteis que incorporam todos os assets inline
- Autores de build tool gerando Data URIs de imagem de fundo codificadas em Base64 para componentes styled-components de CSS-in-JS ou gerando Data URIs SVG inline para icon fonts