Bild & Medien

Bild & Medien — 5 kostenlose browserbasierte Entwicklerwerkzeuge wie Base64-Bildkonverter, Platzhalter-Bildgenerator und OG-Bildgenerator. Alles läuft lokal ohne Anmeldung oder Upload, Ihre Daten bleiben privat und die Ergebnisse erscheinen sofort.

5 Tools
Base64-BildkonverterBilddateien (PNG, JPG, GIF, SVG) in Base64-Data-URI-Strings codieren oder Base64 zurück in ein Bild decodieren. Mit Sofortvorschau, Kopieren und Download, kostenlos im Browser und ohne Upload.
Platzhalter-BildgeneratorPlatzhalterbild-Generator: Breite, Höhe, Hintergrund- und Textfarbe festlegen und ein Dummy-Bild mit Echtzeitvorschau erhalten. Sofortiger Download für Mockups und Layout-Prototypen, kostenlos im Browser.
OG-BildgeneratorOG-Bildgenerator für Social-Share-Vorschaubilder: 1200x630-Open-Graph-Bilder im Browser gestalten und als PNG exportieren. Ideal für Link-Previews auf X, Facebook und in Messengern, kostenlos.
ICO-KonverterICO-Konverter, der ein PNG- oder JPG-Bild in ein Favicon mit mehreren Auflösungen (16x16, 32x32, 48x48) umwandelt. Alles läuft lokal im Browser, Ihr Bild wird nie hochgeladen.
SVG-OptimiererKostenloser Online-SVG-Optimierer, der unnötige Metadaten, Kommentare und Leerzeichen entfernt, um die Dateigröße zu verringern. Bereinigen Sie SVG im Browser und laden Sie es herunter.

Anleitung

  1. 1
    Das Bild in das Werkzeug ziehen— Die Datei wird im Browser über die FileReader-API gelesen, das Bild also im Tab verarbeitet — es verlässt Ihren Rechner nicht.
  2. 2
    Umwandeln oder verkleinern— Machen Sie aus einer PNG- oder JPG-Datei ein .ico-Favicon mit mehreren Größen, codieren Sie ein Bild als Base64-Data-URI oder lassen Sie ein SVG optimieren, um Editor-Metadaten zu entfernen und Pfade zu kürzen.
  3. 3
    Datei herunterladen oder inline einfügen— Speichern Sie das Ergebnis oder kopieren Sie die Data-URI direkt in Ihr CSS oder HTML; OG-Bild- und Platzhalter-Generator liefern die Grafik, die der Seite noch fehlt.

Häufig gestellte Fragen

Nein. Die Datei wird mit FileReader eingelesen und auf einem Canvas im Browser verarbeitet, es geht also nichts nach außen. Das gilt für den ICO-Konverter, den Base64-Bildkonverter und den SVG-Optimierer gleichermaßen.

1200x630 Pixel, also ein Seitenverhältnis von 1,91:1, denn genau darauf schneiden Facebook, X und die meisten Messenger zu. Der OG-Image-Generator startet mit dieser Leinwand, und eine Dateigröße um oder unter 1 MB verhindert Zeitüberschreitungen bei langsameren Crawlern.

Bei kleinen Assets — Icons und winzigen Logos von wenigen Kilobyte —, wo der eingesparte HTTP-Request die rund 33 % Größenzuwachs durch Base64 aufwiegt. Größere Bilder bleiben besser Dateien, damit der Browser sie eigenständig cachen und verzögert laden kann.

Diese Website verwendet Cookies für eine bessere Nutzererfahrung und Werbung. Mehr erfahren

Bitte erlaube Werbung auf dieser Website

Um diese Werkzeuge zu nutzen, erlaube Werbung auf dieser Website. Werbung hält diesen Dienst kostenlos.

Öffne deinen Werbeblocker, deaktiviere ihn für diese Website und prüfe erneut.