Extrator de Data URLs de HTML

• Extração instantânea de Data URLs de HTML: extraia todas as URIs data: incorporadas do HTML instantaneamente. Cole qualquer código HTML e nosso extrator de data URLs procura URIs data: em img src, link href, url() do CSS, source srcset, iframe src, script src, a href e atributos object data - sem necessidade de busca manual.
• Processamento de HTML seguro e privado: toda a extração de data URLs do HTML acontece inteiramente no seu navegador. Seus documentos HTML, URIs extraídas e resultados de análise nunca saem do seu dispositivo. Sem upload de dados, sem rastreamento e sem cadastro - privacidade total.
• Extrator de Data URLs online - sem instalação: use o extrator de data URLs diretamente em qualquer navegador moderno, sem downloads, aplicativos ou plugins. Inclui detalhamento por tipo MIME, análise de tamanho codificado/decodificado e suporte a download individual de arquivos.
• Análise completa e opções de download: nosso extrator de data URLs fornece detalhamento por tipo MIME, comparação de tamanhos codificado e decodificado, tamanho original de arquivo estimado, contexto HTML ao redor de cada data URL e download com um clique de arquivos individuais ou de todas as data URLs extraídas de uma vez.

• Extração de imagens incorporadas de arquivos HTML: desenvolvedores web usam o extrator de data URLs para extrair imagens codificadas em base64 de arquivos HTML para otimização separada. Encontre todas as imagens incorporadas, veja seus tipos MIME e tamanhos, e baixe cada imagem individualmente para convertê-la em arquivo externo, com melhor cache e cargas HTML menores.
• Auditoria de segurança de dados incorporados em HTML: pesquisadores de segurança usam o extrator de data URLs para auditar documentos HTML em busca de dados incorporados que possam conter informações sensíveis. Identifique todas as URIs data:, inspecione seus tipos de conteúdo e revise o contexto HTML ao redor para avaliar se é apropriado incorporar data URLs ou se elas deveriam ser externalizadas.
• Análise e otimização de e-mail HTML: profissionais de email marketing usam o extrator de data URLs para analisar templates de e-mail HTML que incorporam imagens como data URLs. Veja a contribuição total em tamanho codificado de cada recurso incorporado, entenda a distribuição de tipos MIME e decida quais imagens incorporar inline e quais hospedar externamente para melhor compatibilidade com clientes de e-mail.
• Depuração de cargas HTML grandes: desenvolvedores frontend que depuram páginas de carregamento lento usam o extrator de data URLs para identificar data URLs superdimensionadas que inflam seu HTML. A ferramenta mostra tamanhos codificados e decodificados de cada data URL, ajudando a identificar quais recursos incorporados mais contribuem para o peso da página.
• Migração de Data URLs para recursos externos: ao refatorar HTML para usar arquivos externos em vez de data URLs incorporadas, desenvolvedores usam o extrator para catalogar todas as URIs data:, seus tipos MIME e tamanhos. Baixe cada recurso individualmente e substitua a URI data: por uma referência a arquivo externo.
• Análise de performance e orçamento de tamanho de HTML: engenheiros de performance usam o extrator de data URLs para analisar quanto do tamanho de um documento HTML vem de data URLs incorporadas versus a marcação real. O detalhamento por tipo MIME e as estatísticas totais de tamanho codificado/decodificado ajudam a aplicar orçamentos de tamanho e identificar oportunidades de otimização.

Data URLs (também chamadas de URIs data:) são um esquema de URL definido pela RFC 2397 que permite incorporar dados diretamente em documentos HTML em vez de referenciar arquivos externos. Uma data URL segue o formato: data:[<tipo-MIME>][;base64],<dados>. Por exemplo, data:image/png;base64,iVBORw0KGgo... incorpora uma imagem PNG completa como string codificada em base64 diretamente no HTML.

Data URLs são comumente usadas para imagens pequenas (ícones, sprites), fontes (woff2), SVGs inline e templates de e-mail HTML onde recursos externos podem ser bloqueados. Embora eliminem solicitações HTTP, adicionam cerca de 33% de sobrecarga da codificação base64 e não podem ser armazenadas em cache de forma independente pelo navegador. Nosso extrator de Data URLs de HTML ajuda você a encontrar e analisar todas as URIs data: incorporadas, entender seu impacto no tamanho e decidir se deve mantê-las inline ou migrá-las para arquivos externos.

1. 1. Insira o HTML: cole seu documento HTML (ou qualquer texto contendo URIs data:) no painel de entrada. A ferramenta examina o conteúdo em busca de 14 padrões HTML comuns onde data URLs normalmente aparecem: img src (imagens), link href (ícones, folhas de estilo), declarações url() do CSS (fundos, fontes), source srcset (imagens responsivas), iframe src (frames inline), script src (scripts incorporados), a href (links de download) e object data (plugins).
2. 2. Extraia e analise: para cada data URL encontrada, o extrator analisa o tipo MIME (image/png, text/html, application/pdf, etc.), o tipo de codificação (base64 vs codificação por porcentagem), calcula o tamanho codificado (a string completa da data URL), o tamanho decodificado (os dados reais após a decodificação) e estima o tamanho original do arquivo (ajustado para a sobrecarga de base64). Um detalhamento por tipo MIME mostra a distribuição dos tipos de conteúdo de todas as URLs extraídas.
3. 3. Revise e exporte: navegue pelas data URLs extraídas em um layout de cartões com categorias de tipo MIME codificadas por cor. Cada cartão mostra os detalhes da URL, informações de tamanho e o contexto HTML ao redor. Baixe arquivos individuais com extensões detectadas automaticamente, baixe todos os arquivos de uma vez ou copie todas as strings de data URL para sua área de transferência para processamento posterior.

• Tamanho codificado: o comprimento total em bytes da data URL conforme ela aparece no HTML, incluindo o prefixo data:, a declaração de tipo MIME, o marcador de codificação (;base64) e os dados codificados em base64 ou por porcentagem. Esta é a contribuição real desta data URL para o peso da sua página HTML.
• Tamanho decodificado: o tamanho binário real dos dados após a decodificação de base64 ou codificação por porcentagem. Para dados em base64, isso é aproximadamente 75% do comprimento dos dados codificados (base64 expande os dados binários em ~33%). Para dados codificados por porcentagem, é o comprimento da string UTF-8 decodificada.
• Tamanho original estimado: uma aproximação de qual seria o tamanho do arquivo se fosse armazenado como arquivo externo em vez de incorporado como data URL. Isso corrige a sobrecarga de codificação base64 (~33%) mais os metadados (tipo MIME, marcadores de codificação). Isso ajuda a estimar a pegada real de dados e a economia ao externalizar data URLs.
• Distribuição por tipo MIME: o detalhamento dos tipos de conteúdo de todas as data URLs extraídas ajuda a entender quais tipos de dados estão incorporados - imagens, fontes, scripts, estilos ou outro conteúdo - e sua contribuição relativa para o tamanho total dos dados incorporados.

O extrator de data URLs é 100% grátis e sem cadastro. Toda a análise de HTML é realizada localmente no seu navegador - seus documentos HTML, as data URLs extraídas e os resultados de análise nunca saem do seu dispositivo. Não há limites de tamanho de arquivo nem de uso. A ferramenta examina 14 padrões de tags HTML diferentes, fornece detalhamento por tipo MIME, análise de tamanho codificado/decodificado, capacidades de download individual e em lote, e funciona completamente offline após o primeiro carregamento. Use quantas vezes precisar para analisar documentos HTML com data URLs incorporadas.