Bild zu Base64
Was Image to Base64 bewirkt
Laden Sie eine Bilddatei hoch oder ziehen Sie sie und erhalten Sie den entsprechenden Base64-Text, der diese Bytes darstellt – bereit zum Einfügen in JSON-Nutzlasten, Markdown-Experimente oder HTML-Prototypen. Denken Sie daran, dass die Inline-Codierung die Größe im Vergleich zur binären Übertragung erhöht und HTTP-Caching-Funktionen umgeht. Es leuchtet für Symbole unter ein paar Kilobyte, nicht für Hero-Banner.
Wann sollte es verwendet werden
Verwenden Sie es, wenn eine GraphQL-Mutation auf Inline-Logos besteht, wenn Sie mobile Offline-Pakete verspotten oder wenn Sie zwei Favoriten auf Byte-Ebene unterscheiden. Validieren Sie anschließend visuell mit Base64 zum Bild und komprimieren Sie aggressive PNGs durch Bildoptimierer vor dem Einbetten, damit Ihre API-Nutzlast klein bleibt.
Ausgeführtes Beispiel
Ein Entwickler benötigt ein 24×24-Symbolleisten-Sprite in einem Konfigurationspaket. Sie erstellen hier Base64 für das optimierte PNG, fügen es in das JSON-Fixture ein und versenden es – wodurch ein zusätzlicher HTTP-Abruf für dieses einzelne Steuerelement vermieden wird.
Häufig gestellte Fragen
Entfernt dies EXIF-Metadaten?
Die Browserkonvertierung liest normalerweise Rohbytes; Datenschutzrelevante Fotos sollten vor dem Einbetten bereinigt werden.
Warum ist mein API-Körper riesig?
Base64-Overhead und unkomprimierte Quellen vervielfachen sich schnell. Bevorzugen Sie CDN-URLs für große Medien.
SVG-Unterstützung?
SVG ist Text; Einige Pipelines verwenden Base64 wie jede Binärdatei, andere integrieren es roh – befolgen Sie Ihre Sicherheitsrichtlinien für SVG.