Base64-Bildcodierer
Optimieren Sie Ihre Bilder mit dem kostenlosen Base64 Image Encoder Tool und konvertieren Sie jpg/png/gif/webp/svg/bmp online in Base64.
Loading...
Merkmale
- Einfaches Hochladen lokaler Bilder
- Akzeptiert Remote-Bild-URL
- Unterstützt .jpg, .jpeg, .png, .gif, .webp, .svg und .bmp
- Unterstützt viele Formate: Daten-URI, CSS-Hintergrundbild, HTML-Bild und mehr
- Generiert vorgefertigte Beispiele, lassen Sie einfach zu verwenden
- 100 % kostenloses Bildtool
Wichtige Tipps
- Hochgeladene Bildgröße von bis zu 10 MB
- Die Remote-Image-URL muss mit http:// oder https:// beginnen.
- Der Bildtyp muss .jpg, .jpeg, .png, .gif, .webp, .svg und .bmp sein.
Warum Base64-Kodierung?
Base64-codierte Bilder können mithilfe von img-Tags oder CSS eingebettet werden, wodurch die Ladezeiten für kleinere Bilder beschleunigt werden, indem zusätzliche HTTP-Anfragen vermieden werden. Dies kann getan werden, um Einzeldatei-Mockups oder Demoseiten für Ihre Kunden zu erstellen, HTML-E-Mail-Signaturen, die in E-Mail-Clients nicht die lästige „Bilder anzeigen“-Warnung auslösen, usw.Wie verwende ich BASE64 als Bildquelle oder CSS-Hintergrundbild?
Für Bildquellen sollte Ihr HTML-Code folgendermaßen aussehen:
Für den CSS-Hintergrund sollte Ihr CSS-Code folgendermaßen aussehen:
.meine-klasse {
Hintergrund: URL ('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
Hintergrund: URL ('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}