Codificar imagens pequenas em URLs de dados Base64 inline para CSS

Transforme pequenos ícones e gráficos de fundo em URLs de dados Base64 para incorporar diretamente em folhas de estilo CSS ou documentos HTML. Elimine solicitações externas de imagem com zero configuração.

Passo a passo

  1. 1

    Selecionar recurso de imagem

    Escolha um gráfico pequeno em PNG, SVG ou JPG com menos de 5 MB.

  2. 2

    Gerar URL de dados

    Permita que o mecanismo local crie a string de URL de dados Base64.

  3. 3

    Copiar para a área de transferência

    Clique no botão de copiar e cole na propriedade CSS `background-image`.

Conversão instantânea de arquivo em URL de dados

Arraste e solte qualquer arquivo de imagem de até 5 MB para gerar instantaneamente uma string `data:image/...;base64,...` padrão pronta para ser copiada em suas folhas de estilo.

Seguro com UTF-8 e no navegador

O processo de codificação converte recursos binários ou de texto localmente sem transmitir arquivos para servidores externos, mantendo a confidencialidade dos recursos.

Perguntas frequentes

Qual é o limite máximo de tamanho de arquivo para conversão?

Arquivos de até 5 MB são suportados para garantir uma resposta rápida do navegador e renderização veloz.

A codificação Base64 é equivalente à criptografia?

Não, o Base64 é um esquema de codificação de representação aberta, não um método de criptografia, conforme indicado claramente na página.