Compressor de recursos inline

• Detalhamento da economia por recurso: nosso compressor de recursos inline mostra uma tabela de economia por recurso — cada SVG inline, imagem base64 e bloco JSON aparece listado individualmente com tamanho original, tamanho comprimido e porcentagem de redução, para você saber exatamente de onde vem o peso do seu HTML.
• Compressão de recursos inline instantânea: comprima todos os SVGs inline, imagens base64 e blocos de dados JSON com um clique — o compressor de recursos inline processa todo o seu documento HTML e substitui cada recurso por sua versão comprimida na saída.
• Compressor de recursos inline online e seguro: seu HTML nunca sai do seu dispositivo. Toda a minificação de SVG, limpeza de base64 e compressão de JSON acontecem localmente no navegador — sem envio a servidor, sem processamento na nuvem e com privacidade total para templates proprietários e ferramentas internas.
• Compressor de recursos inline sem instalação: comprima recursos HTML inline direto no navegador sem baixar software, sem plugins e sem conta. Nosso compressor de recursos inline gratuito funciona em qualquer navegador moderno e qualquer sistema operacional.

• Otimização de templates de sites estáticos e SSG: geradores de sites estáticos (Next.js, Astro, Hugo) costumam inserir ícones SVG e dados estruturados JSON-LD diretamente no HTML. Use o compressor de recursos inline para reduzir o peso das páginas HTML geradas antes da publicação — especialmente eficaz em páginas com muitos ícones SVG.
• Compressão de templates de e-mail HTML: templates de e-mail HTML frequentemente embutem imagens base64 e logotipos SVG inline para evitar o bloqueio de imagens externas. Use o compressor de recursos inline para limpar os URI de dados base64 e minificar os SVGs — reduzindo o tamanho do e-mail e melhorando a entregabilidade.
• Otimização de SVG em componentes React e Vue: componentes React e Vue que importam SVGs como JSX inline costumam conter marcação SVG verbosa com comentários e espaços. Use o compressor de recursos inline para pré-processar o código SVG antes de convertê-lo em JSX — reduz o tamanho do bundle de componentes.
• Minificação de dados estruturados JSON-LD: páginas otimizadas para SEO embutem dados estruturados JSON-LD em blocos de script. Use o compressor de recursos inline para minificar todos os blocos JSON-LD do seu HTML — um bloco JSON-LD formatado de 2 KB normalmente comprime para menos de 500 bytes sem qualquer mudança semântica.
• Redução do peso do HTML para Core Web Vitals: grandes ilustrações SVG inline e atributos de dados JSON verbosos aumentam o peso do documento HTML, elevando o Time to First Byte (TTFB) e o tempo de análise. Use o compressor de recursos inline para reduzir a carga do HTML e melhorar as notas de LCP e FID.
• Otimização de páginas de produto de e-commerce: páginas de produto costumam embutir imagens de placeholder em base64, ícones SVG inline e atributos de dados JSON do produto. Use o compressor de recursos inline para comprimir os três tipos de recursos em uma única passada — reduzindo o peso da página para carregamentos móveis mais rápidos.

A compressão de recursos inline é o processo de reduzir o tamanho em bytes de recursos embutidos diretamente no HTML — incluindo SVGs inline, imagens codificadas em base64 e blocos de dados JSON. Diferente dos recursos externos (comprimidos separadamente), os recursos inline inflam o próprio documento HTML, elevando o TTFB e o tempo de análise. Nosso compressor de recursos inline escaneia seu HTML em busca dos quatro tipos de recursos inline, comprime cada um individualmente, substitui-os no HTML de saída e mostra uma tabela de economia por recurso — para você ver exatamente de onde vem o peso do seu HTML e quanto cada compressão economiza.

1. 1 Cole ou envie seu HTML: insira qualquer documento, template ou componente HTML. O compressor de recursos inline busca SVGs inline, URI de dados base64, blocos de script JSON e atributos de dados JSON — seu HTML nunca sai do navegador.
2. 2 Escolha os tipos de recursos a comprimir: selecione quais tipos de recursos inline processar — SVGs, imagens base64, blocos de script JSON e/ou atributos de dados JSON. Cada tipo usa uma estratégia de compressão adequada ao seu formato.
3. 3 Revise a economia por recurso e baixe: o compressor de recursos inline mostra uma tabela por recurso com tamanho original, tamanho comprimido e porcentagem de redução de cada recurso encontrado. Copie ou baixe diretamente o HTML comprimido.

• SVGs inline: comentários XML, linhas em branco e espaços entre tags são removidos. A declaração XML é removida. Tags autofecháveis são normalizadas. Redução típica: 20 a 50% em ícones SVG verbosos.
• Imagens base64: algumas ferramentas inserem quebras de linha a cada 76 caracteres nos URI de dados base64 (conforme a especificação MIME). Esses espaços são inválidos em URI de dados HTML e adicionam bytes desnecessários. O compressor de recursos inline remove todos os espaços embutidos nas strings base64.
• Blocos de script JSON: os blocos JSON e JSON-LD são minificados com JSON.parse + JSON.stringify — remove todos os espaços, indentação e linhas em branco preservando exatamente a estrutura de dados.
• Atributos de dados JSON: valores JSON em atributos data-* são minificados com a mesma abordagem de JSON.parse + JSON.stringify. Redução típica: 30 a 60% em objetos de configuração JSON formatados.

O compressor de recursos inline usa análise baseada em expressões regulares — ele trata corretamente os padrões de recursos inline mais comuns, mas pode não detectar recursos dentro de template literals de JavaScript, HTML construído dinamicamente ou formatos de atributo não padrão. A minificação de SVG preserva todo o conteúdo semântico, mas não faz otimização de caminhos (use o SVGO para isso). A limpeza de base64 apenas remove espaços — não recodifica imagens com qualidade menor. Sempre teste a saída comprimida no navegador de destino antes de publicar em produção.