Pular para o conteúdo
DevLab

🖼️ Imagem → Conversão Base64・Data URL

Converta imagens para Base64 / Data URL por drag & drop. Incorpore diretamente em background-image do CSS ou em tags img do HTML.

100% Free No signup Browser-only 5 languages Dark mode
📂

Arraste e solte ou clique para selecionar a imagem

PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO

💡 Como usar Data URL

• Para ícones pequenos ou imagens de aproximadamente 1～2 KB, você pode reduzir o número de solicitações HTTP.

• A codificação Base64 aumenta o tamanho em aproximadamente 33%. A incorporação de imagens grandes pode ter efeito contrário.

• Considere manter o SVG inlineizado como está (pode ficar ainda menor).

🔗 Ferramentas relacionadas

📖 Como usar

  1. 1
    Drop or click to select an image
    Drag and drop an image onto the drop zone, or click to select a file. PNG, JPG, WebP, SVG, and most other formats are supported.
  2. 2
    Select output format
    Choose Data URL, Base64 only, CSS background-image, HTML img tag, or Markdown format.
  3. 3
    Copy and use
    Click Copy to save the encoded text to your clipboard, then paste it into your code.

❓ Perguntas frequentes

Does it support pasting from clipboard?
Yes. Copy an image to your clipboard (e.g., a screenshot), then press Ctrl+V / Cmd+V anywhere on the page to load it automatically.
How does Base64 affect file size?
Base64 encoding increases the file size by approximately 33%. Embedding large images can hurt page load performance.
When is it appropriate to use a Data URL?
Data URLs work well for small icons or inline images under 1–2 KB to reduce HTTP requests. They are not suitable for large images.
🐛 Você encontrou um problema com esta ferramenta?

Completamente gratuito e sem registro. Até as etapas de reprodução são suficientes. Os relatos recebidos chegam diretamente aos operadores e servem como referência para correções.

※ Para reproduzir problemas, informações do navegador (UA / tamanho de tela / idioma / URL) são enviadas automaticamente