Ein Bild in Base64 umwandeln

  • Kann mir jemand erklären, wie ich Schritt für Schritt ein beliebiges .png-Bild in einen Base64-String umwandeln kann ?
    Hab da schon gegoogelt, aber nichts begriffen :-??
    Vielen Dank für die Hilfe !
    Gruß, Pentomino

    Lieber ein Narr sein auf eigene Faust, als ein Weiser nach fremdem Gutdünken ! (Nietzsche)

  • http://www.motobit.com/util/base64-decoder-encoder.asp
    Dort auf Durchsuchen.... klicken und dein Bild auswählen.. danach auf Convert the source data klicken..
    Nun aus der oberen Textbox den Code kopieren und dorthin eintragen, wo du ihn haben willst.. ggf. als .txt-Datei zunächst abspeichern..

  • Beispiel:

    Hier habe ich mal ein Icon vor den Eintrag: "Alles markieren" gesetzt.

    [attachment=0]Zwischenablage01.jpg[/attachment]

    Wenn ich das Bild/Icon aus einem Ordner anspreche sieht das so aus:

    CSS
    menuitem[label="Alles markieren"] { 
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
    list-style-image: url("file:///C:/Users/Andi/Icons/31.gif") !important;
    padding-left:4px!important}
    
    
    menuitem[label="Alles markieren"]>.menu-iconic-text{
    padding-left:4px !important;}

    Wenn ich das Bild gegen einen Base64 Code austausche sieht es so aus:

    CSS
    menuitem[label="Alles markieren"] { 
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
    list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAQCBISCRISChAQCjMzKjExODAT+BMTCxMTCFGRinLTCbPwCBPz+hERCROzuTAQCNPwCzKSmxOTi5Pz+pPxyxPxmRNTubDQyBAQCzHRyTLy67PTy/PzipGxuNAT+PPzuJExO3PzGZPz+lCQiPLSyxPz+bPzOpFxaDLzCfPwCPPwC/OTi/Oz+tDQ6BAQC/GRiZET+JOT+RHRyxLy6xPz+fAQCLKSmbKSipAQCvNTSjFRSFNTS/MTCbPz+jERCbPz+ZBQSNPwC1Pzi3Px6zPz+/Pz+nDQyXLSyzPz+dPwORPz+vDw6BBQS/Hx6dHT+NPz+RHRy1ABpAABaAAB0AACKigAKCgABAQC4uAAAGAAAGAAAvQAAAQAAWAAAYwAAyQAAAQAGBAAAACIAAAAAAGBVBIhAAFZaAAN0AAAABAAAAAAAAAAAAE0ABMMAACIAAP8AAAgACAAAAG8AAAAAAIsAHAAAAAAAAAAAAFsAMY4AABkAAHYAAIEAf8IAjiIAHP8AdgAAgQAAwAAAIgAA/0gAAIgAAFYAAAMAAAEABwAAAAAAAAAAAFgAAIgAAFYAAAMAAAwAAOkAYBIAKAAAAHoAAGUAABMAAHcAAGAAAIgAAFYAAAMAAAA4AGXqABMSAHcAADQAAAAAAAAAAMAAAAQAHeoBpRIALAAAiS91/okm/xkZ/3Z2/wA4fwDqjiISHAAAdgBfIQAgAAAZAAB2AFhcIYjqAFYSAAMAAAAADAAB8QAAEgAAAHV1/yYm/xkZ/3Z2/wAAAAEAAAAAAAAAAAAYZAAA6wAAEgAAAEz3RuklgxIZTAB2AAAARAAA6wAAEgAAAAFgdwDrUAASTwAAAP8yeP8m6/8ZEv92AA/U9wBsJQBPGQAAdh7gGQB37QBPEgAAACoA3QAB/wAA/wAAfy1c+ADq7AASEgAAACAAAJsBAAcAAHYAAABT9wAmJQAZGQB2dgABAAAAAAAAAAAAACAA9QAAwAAAIgAB/wAAkAAAagAAKAAAAIovAfkALTwASP8AACH5BAAAAAAALAAAAAAQABAABwjjAIkIFBCgYIADAhMmJAEACQ0kEBVEUEgEIQAGNIKoUEHhRwuKAJrQYIAEwkYVQpAYSdikgYAeInrQGLIxBBIbJIjsANAgQBEPBpwwKPEDCUYeCaCsIBLgiYGnMDAymOoAR4cZTFk8jVFkKgMfNQZk6LGE6YQiLCqYkMngwQANJ3owaBIAZooFCybIzVHDB40ePVzSEIEX79CiUwc3IHKhB4cFST5YYOJCxo+RIhYfQSGiMw0XoF2AGInghUAABDojwQBaRgkGPYBISDgCgA6MSEqMLABgg0IBM240GE78xmwiAQEAOw==") !important;
    padding-left:4px!important}
    
    
    menuitem[label="Alles markieren"]>.menu-iconic-text{
    padding-left:4px !important;}

    Der Code muss zwischen die " gesetzt werden:

    list-style-image: url("........................") !important;

    Ich nutze zum umwandeln die 3te Erweiterung von dieser Seite: Base64 Encoder 49.0.6

    https://www.camp-firefox.de/forum/viewtopic.php?f=4&t=91768

    Kannst sie dir ja mal ansehen.

  • Dieser Link ergibt eine Fehlermeldung... https://addons.mozilla.org/de/firefox/add…ncoder/versions
    offensichtlich ist die Erweiterung auf AMO nicht mehr verfügbar.... wenn Nutzung gewünscht also gleich den Direktdownload nutzen...

  • Vielen Dank schon mal für die Infos. Jetzt verstehe ich deutlich mehr :) Spätestens morgen werde ich mal testen!
    Gruß, Pentomino

    Lieber ein Narr sein auf eigene Faust, als ein Weiser nach fremdem Gutdünken ! (Nietzsche)

  • Ja der Autor hat seine Erweiterungen alle bei Amo entfernt.
    Er war die dauernden Anpassungen, auf Grund der Änderungen in Firefox einfach leid.
    Meine Deutsche Version funktioniert im aktuellen Firefox einwandfrei.
    Wie lange das aber noch so ist, kann leider im Moment niemand sagen.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.2
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Es gibt ja noch unzählige andere Entwickler, die das machen könnten. Eine base64-Konvertierung ist vom Schwierigkeitsgrad her Kindergeburtstag. Es muss halt jemand den Bedarf sehen. Ich persönlich sehe den Bedarf nicht in Form einer Firefox-Erweiterung, weil das für mich nichts mit dem Browser zu tun hat. Ich würde also eher einen der vielen Online-Dienste nehmen.

    Meine Aussage sollte viel mehr ein Statement allgemein in Bezug auf WebExtensions sein, was das Potential abwandernder Entwickler betrifft, weil sich an Firefox so viel ändert. Das Risiko wird in Zukunft durch WebExtensions deutlich reduziert sein. Wer eine WebExtension entwickelt, muss sich weniger Sorgen als bisher machen, dass alle zwei Monate wieder Anpassungen notwendig sein werden, um es übertrieben auszudrücken. ;)

  • //


    Meine Aussage sollte viel mehr ein Statement allgemein in Bezug auf WebExtensions sein, was das Potential abwandernder Entwickler betrifft, weil sich an Firefox so viel ändert.

    Nun, meine Antwort bezog sich ebenfalls auf die vielen Entwickler, die in der Vergangenheit die Brocken hingeworfen haben.... :)

  • Hallo,
    hat alles einwandfrei funktioniert. Vielen Dank (wieder einmal) an alle für die Hilfe :klasse:

    Lieber ein Narr sein auf eigene Faust, als ein Weiser nach fremdem Gutdünken ! (Nietzsche)

  • Ich habe mir eine PHP-Seite geschrieben die ein angegebenes Verzeichnis (da liegen alle meine selbstgemachten Icon-Bildchen) durchsucht und alle Bilddateien (gif, jpg, png) als Vorschau anzeigt nebst einigen Infos und dem Base64 Text zum rauskopieren.

    Wer einen lokalen Apache hat, kann die Seite haben. Wie Sören schon sagte - es ist nichts Geheimnisfolles, ca 60 Zeilen HTML und PHP. Ich kann sie bei Bedarf posten.

    Gruß Harry

    FF aktuell, 64Bit, Linux, Manjaro mit KDE