Bild in Python in Base64 kodieren
Konvertieren Sie das Bild in eine Base64-codierte Zeichenfolge. SVG, JPG, JPEG, PNG, BMP, GIF, TIFF, ICO, IFIF, WEBP und andere Bildformate werden unterstützt.
Base64-Kodierung
Base64 ist ein Codierungsschema, das Binärdaten in ASCII-Text umwandelt und häufig für die Datenübertragung über das Internet verwendet wird. Wenn ein Bild in Base64 konvertiert wird, ist das Ergebnis eine Zeichenfolge aus lateinischen Buchstaben, Zahlen und zwei Zeichen – „+“ und „/“. Browser können diese verschlüsselten Daten problemlos interpretieren. Mit anderen Worten: Base64 ist eine Binär-zu-Text-Kodierung, die in verschiedene Formate wie JSON, XML, Daten-URIs oder CSS eingebettet werden kann.
Base64 wird häufig verwendet, um Bilder oder andere binäre Ressourcen direkt in HTML- oder CSS-Dateien einzubetten. Dadurch entfallen zusätzliche Webanfragen, da das Bild bereits im HTML-Dokument enthalten ist. Base64 eignet sich jedoch am besten für kleine Bilder; Große Base64-codierte Bilder können den HTML-Code aufblähen, was zu einer langsameren Leistung führt. Es sollte auch beachtet werden, dass Google niemals ein Base64-Bild indiziert, da es bei der Bildsuche nicht angezeigt wird.
Bild online in Base64 konvertieren
Codieren Sie Bilder mit Aspose.SVG for .NET -API in Echtzeit! Bitte laden Sie ein Bild aus dem lokalen Dateisystem und Sie erhalten sofort das Ergebnis als Daten-URI, Base64-Bildquelle und Base64-CSS-Hintergrundquelle. JPG, JPEG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP und andere Bildformate werden unterstützt.
Konvertieren Sie das Bild in Python in Base64
In diesem Artikel wird erläutert, wie eine Bilddatei mithilfe von Aspose.SVG for Python via .NET-API in einen Base64-String codiert wird. Das folgende Python-Beispiel zeigt, wie man ein SVG-Bild in einen Base64-String konvertiert und in eine SVG-Datei einbettet.
Python-Code zum Konvertieren von SVG-Bildern in Base64
import base64
from aspose.svg import SVGDocument
document_path = "image.svg"
# Open an SVG image
with open(document_path, "rb") as file:
bytes_data = file.read()
# Initialize an SVGDocument object
document = SVGDocument()
# Create an image element
img_element = document.create_element_ns("http://www.w3.org/2000/svg", "image")
# Convert SVG image to Base64 and set the href attribute
encoded_image = f"data:image/svg+xml;charset=utf-8;base64,{base64.b64encode(bytes_data).decode('utf-8')}"
img_element.set_attribute("href", encoded_image)
# Add the image element to the SVG document
document.document_element.append_child(img_element)
# Save the SVG document
document.save("image-base64.svg")
Das Fragment der resultierenden image-base64.svg-Datei wird unten angezeigt. Der Base64-String wurde gekürzt, um das SVG-Codebeispiel nicht zu überladen. Das Format zum Einbetten von Base64-Bildern als URI-Daten ist das folgende, um genau zu sein:
data:[<mime type>][;charset=<charset>][;base64],<encoded data>
SVG-Code zum Einbetten eines Base64-Bildes
<svg xmlns="http://www.w3.org/2000/svg">
<image href="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..." alt="Alt text for the image"/>
</svg>
Betten Sie ein Base64-Bild in HTML ein
Warum ein Bild in Base64 konvertieren? Base64-codierte Bilder können mithilfe des <img>-Tags direkt in HTML eingebettet werden, indem die Bilddaten als Daten-URI eingefügt werden. Diese Methode reduziert die Anzahl der HTTP-Anfragen, die ein Browser zum Laden einer Webseite benötigt, und verbessert so die Leistung. Der folgende Codeausschnitt zeigt, wie Base64-Bilder in HTML eingebettet werden.
HTML-Code zum Einbetten des Base64-Bildes als Daten-URI
<body>
<div>
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..." alt="Alt text for the image">
</div>
</body>
Der Daten-URI besteht aus zwei durch Komma getrennten Teilen. Der erste Teil gibt den Daten-URI-Schema-Header für das Base64-codierte Bild an, und der zweite Teil definiert die Base64-codierte Bildzeichenfolge selbst:
data:image/svg+xml;base64ist der Header des Daten-URI-Schemas.PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ...sind die codierten Base64-Daten.
Betten Sie ein Base64-Bild in CSS-Code ein
Eine weitere Möglichkeit, die Anzahl der HTTP-Anfragen für Bilder zu reduzieren, ist die Verwendung der CSS-Eigenschaft background-image. Diese Eigenschaft legt Bilder als Hintergrund eines Elements fest und Sie können jedes Bild entweder als URL oder als Bilddaten-URI angeben. Bei einer URL sendet der Browser eine HTTP-Anfrage, um das externe Bild abzurufen. Bei einem Base64-Bild, das als Daten-URI eingebettet ist, wird das Bild jedoch direkt in das Dokument eingebunden. Das bedeutet, dass der Browser keine zusätzlichen HTTP-Anfragen stellen muss, was die Seitenladezeiten beschleunigt.
CSS-Code zum Einbetten eines Base64-Bildes als Daten-URI
body {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ...");
}
Betten Sie ein Base64-Bild in XML ein
Die Codierung von Bildern in Base64 zur Einbettung in XML vereinfacht die Integration und verbessert die Portabilität, indem Bilder direkt in dieses Format eingebunden werden können, wodurch die Notwendigkeit externer Dateiverweise reduziert wird.
XML-Code mit eingebettetem Base64-SVG-Bild
<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/svg+xml">PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ...</image>
</root>
Betten Sie ein Base64-Image in JSON ein
Das Konvertieren eines Bildes in Base64 und das Speichern als JSON ist nützlich für die Einbettung in Webseiten oder Anwendungen ohne zusätzliche HTTP-Anfragen.
JSON-Code mit eingebettetem Base64-Bild
{
"image": {
"mime": "image/png",
"data": "PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..."
}
}
Online-Base64-Encoder
Online Base64-Encoder konvertieren den Inhalt von SVG-Dokumenten oder Bilddateien in die entsprechende Zeichenfolgendarstellung, die mit ASCII-Zeichen codiert ist. Sie bieten auch Beispiele für Daten-URI, JSON, XML und andere. Mithilfe von Kodierungstools können Sie verschiedene Datenkodierungsprobleme vermeiden, die Website-Inhalte oder E-Mail-Nachrichten unlesbar machen. Base64-Encoder sind sicher, einfach zu verwenden und völlig kostenlos. Sie funktionieren in jedem Browser und auf jedem Betriebssystem. Konvertieren Sie Image jetzt kostenlos in Base64!
Beginnen Sie mit der Python-API
Wenn Sie skalierbare Vektorgrafiken und deren Anwendungen entwickeln möchten, installieren Sie unser flexibles, schnelles Aspose.SVG for Python via .NET API. pip ist der einfachste Weg, Aspose.SVG for Python via .NET API herunterzuladen und zu installieren. Führen Sie dazu den folgenden Befehl aus:
pip install aspose-svg-net
Weitere Einzelheiten zur Installation der Python-Bibliothek und zu den Systemanforderungen finden Sie in der Aspose.SVG-Dokumentation.
Andere unterstützte Encoder
Sie können Bilder in Base64 kodieren – die Formate JPG, PNG, BMP, GIF, TIFF, ICO und SVG werden unterstützt: