webentwicklung-frage-antwort-db.com.de

Bild in der Titelleiste hinzufügen

Wie füge ich ein Bild in die Titelleiste ein?

Ich habe Titel- "Webnet"

Zusammenführen mit den Symbolbildern eines FontAwesome Glyphicons als

<title><i class="icon-user icon-black"></i>Webnet</title>

Und ich habe versucht, es durch Bildquelle zu ersetzen-

<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>

Der Titel zeigt jedoch innerHTML, anstatt das Bild dort anzuzeigen.

Irgendeine Hilfe?

43
Manoz

Diese Methode wird nicht funktionieren. Das <title> Unterstützt nur Klartext. Sie müssen ein .ico - Bild mit dem Dateinamen favicon.ico Erstellen und im Stammverzeichnis Ihrer Site speichern (wo sich Ihre Standardseite befindet).

Alternativ können Sie das Symbol speichern, wo immer Sie möchten, und es wie immer Sie möchten aufrufen. Fügen Sie jedoch einfach den folgenden Code in den Abschnitt <head> Ihres HTML-Codes ein und verweisen Sie auf Ihr Symbol:

<link rel="shortcut icon" href="your_image_path_and_name.ico" />

Sie können Photoshop (mit einem Plug-In) oder GIMP (kostenlos) verwenden, um eine .ico - Datei zu erstellen, oder Sie können einfach IcoFX verwenden, was mein persönlicher Favorit ist, da es wirklich einfach ist zu verwenden und macht einen tollen Job (Sie können eine ältere Version der Software kostenlos von download.com ).

Update 1: Sie können auch eine Reihe von Online-Tools verwenden, um Favoriten wie ConvertIcon zu erstellen, die ich erfolgreich verwendet habe . Es gibt jetzt auch andere kostenlose Online-Tools, die dasselbe tun (über eine einfache Google-Suche zugänglich), aber auch andere Symbole generieren, z. B. die Windows 8/10-Startmenüsymbole und die iOS-App-Symbole.

Update 2: Sie können auch .png - Bilder als Symbole verwenden vorausgesetzt, IE11 ist die einzige Version von IE müssen Sie unterstützen . Sie müssen sie nur mit dem obigen HTML-Code referenzieren. Beachten Sie, dass IE10 und ältere Versionen weiterhin .ico Dateien benötigen.

69

sie sollten darüber nachdenken, wie Sie favicon.ico hinzufügen können. Sie können versuchen, favicon.ico Direkt in Ihre HTML-Seiten einzufügen

<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />

Oder Sie können das in Ihrem webserver aktualisieren. Es wird empfohlen, Ihr webserver einzufügen, da Sie dies nicht auf jeder Ihrer html Seiten hinzufügen müssen (vorausgesetzt, Sie haben kein includes).

Um Ihr Apache einzufügen, fügen Sie den favicon.ico In das Stammverzeichnis Ihrer Website ein und fügen Sie diesen in httpd.conf hinzu

AddType image/x-icon .ico
18
nandu

Fügen Sie dies in den Kopfbereich Ihres HTML ein

<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
16
karthick

Sie müssen ein Favicon für Ihre Seite verwenden. schreib das in den head-tag: <link rel="shortcut icon" href="/favicon.png" type="image/png">

dabei ist favicon.png vorzugsweise ein 16x16-PNG-Bild.

source: Hinzufügen eines Favicons zu einer statischen HTML-Seite

11
errieman