🖼️ Bild → Base64・Data URL Konvertierung
Konvertieren Sie Bilder per Drag & Drop zu Base64 / Data URL. Betten Sie sie direkt in CSS background-image oder HTML img-Tags ein.
Ziehen und ablegen oder klicken Sie, um das Bild auszuwählen
PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO
Vorschau
- Dateiname
- MIME
- Größe
- Base64 size
- Auflösung
💡 Verwendung von Data URLs
• Bei kleinen Symbolen oder Bildern von etwa 1～2 KB können Sie die Anzahl der HTTP-Anfragen reduzieren.
• Base64-Codierung erhöht die Größe um etwa 33%. Das Einbetten großer Bilder kann kontraproduktiv sein.
• Erwägen Sie, die SVG inline zu behalten, wie sie ist (kann noch kleiner werden).
🔗 Verwandte Tools
📖 Wie man es benutzt
-
1
Drop or click to select an imageDrag 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
Select output formatChoose Data URL, Base64 only, CSS background-image, HTML img tag, or Markdown format.
-
3
Copy and useClick Copy to save the encoded text to your clipboard, then paste it into your code.
❓ Häufig gestellte Fragen
Does it support pasting from clipboard?
How does Base64 affect file size?
When is it appropriate to use a Data URL?
🐛 Sind Sie auf ein Problem mit diesem Tool gestoßen?
Vollständig kostenlos und ohne Registrierung. Auch Reproduktionsschritte sind ausreichend. Eingegangene Berichte werden direkt an die Betreiber weitergeleitet und dienen als Referenz für Korrektionen.
Vielen Dank für Ihren Bericht!
An den Administrator übermittelt. Wir werden es als Referenz für Verbesserungen nutzen.