Glory: Favicon _in_ eine HTML-Datei einbinden

Hallo, ich hab mal wieder eine Frage.

Ich möchte gerne in eine einzelne HTML-Datei ein Favicon einbinden, was möglichst Browserkompatibel (mindestens aber von Firefox) in der Adresszeile angezeigt werden soll. Und das ganze, ohne die Grafik als eigene Datei zu haben.
Ich hab leider nicht den geringsten Einsatz, aber weil man sogar mit CSS Grafiken speichern kann (zumindest PNG-Grafiken), dachte ich mir, dass doch irgendwie eine Chance besteht. Sämtliche Clientseitigen Techniken (die von Firefox unterstützt werden) können eingesetzt werden, als z.B. auch Javascript.
Wäre echt toll, wenn mir jemand helfen könnte.

Grütze... äh Grüße (zgg. geklaut),
Glory

  1. Servus,

    Ich möchte gerne in eine einzelne HTML-Datei ein Favicon einbinden

    Wie das geht, steht in den FAQ. Und wenn du schon weisst, dass das Teil Favicon heisst, hättest du auch mit Google zig zielführende Seiten gefunden.

    Und das ganze, ohne die Grafik als eigene Datei zu haben.

    Du willst eine Grafik anzeigen, die garnicht existiert? Per Telepathie, oder wie?

    Ich hab leider nicht den geringsten Einsatz

    Das merkt man (siehe - nicht durchgeführte - Suche) ;)

    aber weil man sogar mit CSS Grafiken speichern kann

    Das ist mir neu, ich dachte immer CSS sei für die Darstellung von HTML-Code zuständig und hab deshalb extra Grafikprogramme dafür benutzt :(

    Gruss
    Patrick

    --
    sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|
    1. Servus,

      Ich möchte gerne in eine einzelne HTML-Datei ein Favicon einbinden
      Wie das geht, steht in den FAQ. Und wenn du schon weisst, dass das Teil Favicon heisst, hättest du auch mit Google zig zielführende Seiten gefunden.

      Nö, steht da gar nicht. Und nein, ich habe mit Google keine Seiten gefunden, die sich auch nur ansatzweise mit dieser Thematik beschäftigen.

      Und das ganze, ohne die Grafik als eigene Datei zu haben.
      Du willst eine Grafik anzeigen, die garnicht existiert? Per Telepathie, oder wie?

      Wenn ich das wüsste, würde ich hier nicht die erfahrenen und hochintelligenten Forumbenutzer (wie dich...) damit belästigen, meinst du nicht? :[

      Ich hab leider nicht den geringsten Einsatz
      Das merkt man (siehe - nicht durchgeführte - Suche) ;)

      Ach verdammt. *sich aufschreib, seine Beiträge immer vorher nocheinmal fehlerzulesen* Es sollte natürlich "Ansatz" heißen.

      aber weil man sogar mit CSS Grafiken speichern kann
      Das ist mir neu, ich dachte immer CSS sei für die Darstellung von HTML-Code zuständig und hab deshalb extra Grafikprogramme dafür benutzt :(

      Ich habe es selbst nicht für möglich gehalten ;), bis ich es hier einst im Forum las. Leider finde ich den Thread nicht mehr, suche aber fleißig und mit viel Ansatz... äh Einsatz.

      Gruss
      Patrick

      Gruß zurück. Benutzt du "Gru_ss_" aus Überzeugung oder weil dir nix anderes übrig bleibt?

      1. Hallo Glory!

        Gruss
        Patrick
        Gruß zurück. Benutzt du "Gru_ss_" aus Überzeugung oder weil dir nix anderes übrig bleibt?

        Patrick mit Patrick zu verwechseln zeugt von keinem patrickschem Denken ;)

        Viele Grüße aus Frankfurt/Main,
        Patrick

        --

        _ - jenseits vom delirium - _
        [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
        Nichts ist unmöglich? Doch!
        Heute schon gegökt?
        1. Hallo Glory!

          Gruss
          Patrick
          Gruß zurück. Benutzt du "Gru_ss_" aus Überzeugung oder weil dir nix anderes übrig bleibt?

          Patrick mit Patrick zu verwechseln zeugt von keinem patrickschem Denken ;)

          Bitte unterhalte dich auf einem Niveau mit mir, dass einem einfachen Erdling entspricht. Sonst verstehe ich dich nicht.

          Viele Grüße aus Frankfurt/Main,
          Patrick

          Viele Grüße von der Erde.

          1. Hallo Glory!

            Bitte unterhalte dich auf einem Niveau mit mir, dass einem einfachen Erdling entspricht. Sonst verstehe ich dich nicht.

            Dabei bin ich kein Außerirdischer..., jetzt verstehe ich nicht.

            Viele Grüße aus Frankfurt/Main,
            Patrick

            --

            _ - jenseits vom delirium - _
            [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
            Nichts ist unmöglich? Doch!
            Heute schon gegökt?
      2. Servus,

        Nö, steht da gar nicht. […]

        In dem Fall möchte ich dir - wie bereits von Vinzenz angeschnitten - dieses Kapitel der FAQ nahelegen.

        […] suche aber fleißig und mit viel Ansatz... äh Einsatz.

        Find ich gut ;) Aufgrund der Gesamtheit des deines OP habe ich auf mangelnde Recherche geschlossen, was in dem Fall wohl falsch wahr. Nächstes mal eine aufschlussreichere Fragestellung, dann passiert das immer :) Nix für ungut.

        Benutzt du "Gru_ss_" aus Überzeugung oder weil dir nix anderes übrig bleibt?

        Weder noch, sondern weil ich aus praktischen Gründen (programmieren mit dt. Tastatur = Knoten in den Händen) ein US-amerikanisches Tastaturlayout eingestellt hab, und zu faul bin, ALT+0223 zu drücken :)

        Gruss
        Patrick

        --
        sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|
        1. dann passiert das immer

          Das sollte natürlich "nimmer" heissen ;)

  2. Hi

    Meinst du data:-URIs? Damit lässt sich eine Datei durch einen URI ersetzen. Wird AFAIK von aktuellen Browsern [1] unterstützt.

    mfg
    Felix

    [1] man beachte: _aktuelle_ Browser ;-)

    1. Hi

      Meinst du data:-URIs? Damit lässt sich eine Datei durch einen URI ersetzen. Wird AFAIK von aktuellen Browsern [1] unterstützt.

      Ha! Klasse, genau das war es, was ich gesucht habe und es funktioniert tatsächlich wie gewünscht.

      Vereinfachtes Beispiel:

        
      <html>  
      <head>  
        
      <link rel="shortcut icon" type="image/x-icon" href="data:image/png,[Bildinhalt]">  
        
      </head>  
      <body>  
      </body>  
      </html>  
      
      

      Für [Bildinhalt] einfach nur den mit base64 encodete Text hineinkopieren (kann auf der von Felix verlinkten Seite umwandeln lassen) und er zeigt tatsächlich das Bild als Favicon an, welches nicht in einer seperaten Datei gespeichert ist. Ich habe es aber nur als PNG ausprobiert, ob es auch mit .ico oder anderen Formaten funktioniert, kann ich nicht sagen.
      Vielen Dank nochmal Felix!

      1. Hallo Glory,

        Meinst du data:-URIs? Damit lässt sich eine Datei durch einen URI ersetzen. Wird AFAIK von aktuellen Browsern [1] unterstützt.

        Ha! Klasse, genau das war es, was ich gesucht habe und es funktioniert tatsächlich wie gewünscht.

        sorry, ich wäre aufgrund Deiner Postings nie auf die Idee gekommen, dass Du Inline-Grafiken in HTML suchst. Wie Du dort nachlesen kannst, kann das sogar der Netscape 4.x :-)

        Freundliche Grüße

        Vinzenz

      2. Hi

        ...ob es auch mit .ico oder anderen Formaten funktioniert, kann ich nicht sagen.

        Ich nehme die URIs gerne für eigene Benutzer-Stylesheets mit Stylish (Fx-Addon), der kann die auch erzeugen. Damit hab ich schon alles mögliche hingekriegt

        Vielen Dank nochmal Felix!

        keine Ursache

        mfg
        Felix

      3. Hi

        Nachtrag:

          
        
        > <link rel="shortcut icon" type="image/x-icon" href="data:image/png,[Bildinhalt]">  
        
                                          ^^^^^^^^^^^^             ^^^^^^^^^  
        
        

        Stimmt das so? :-)

        mfg
        Felix

        1. Hi

          Nachtrag:

          <link rel="shortcut icon" type="image/x-icon" href="data:image/png,[Bildinhalt]">
                                            ^^^^^^^^^^^^             ^^^^^^^^^

          
          > Stimmt das so? :-)  
            
          Soll es lieber "image/png" sein? Funktionieren tut es auf jedenfall, Firefox meckert auch nicht rum. Und solange es in meinem Browser angezeigt wird, ist es in Ordnung.
          
          1. Hi

            Soll es lieber "image/png" sein? Funktionieren tut es auf jedenfall, Firefox meckert auch nicht rum. Und solange es in meinem Browser angezeigt wird, ist es in Ordnung.

            Sollte schon. Du sagst, da kommt ein ICO, aber dann kommt da ein PNG. Firefox erkennt vielleicht, dass da was anderes kommt, aber schöner wäre es sicher, wenn du es änderst

            mfg
            Felix