Ich habe an einer Website gearbeitet und möchte der Browser-Registerkarte ein kleines Symbol hinzufügen.
Wie kann ich dies in HTML tun und wo im Code müsste ich es platzieren (z. B. in der Kopfzeile)? Ich habe eine .png Logo-Datei, die ich in ein Symbol umwandeln möchte.
Verwandt: HTML setzt Bild auf Browser-Tab .
Ich habe keine anderen verwendet, aber https://realfavicongenerator.net/ scheint die erste Wahl zu sein, und es wurde hier noch nicht erwähnt.
Es unterstützt SVGs als Quellbilder für die Erzeugung von Favicons und bietet hilfreiche Optionen, um Bilder für verschiedene Plattformen zu überschreiben. Darüber hinaus generiert es standardmäßig nicht eine Menge Bilder, um mit jeder veralteten Plattform abwärtskompatibel zu sein. Stattdessen gibt es Optionen, mit denen Sie überprüfen können, ob Sie diese wünschen.
Aus einer E-Mail, die mir der Entwickler geschickt hat, geht hervor, dass sie auch planen, Unterstützung für die Erstellung von SVG-Favicons hinzuzufügen, sowie SVG-Themen-Sensitivität Ich denke, das ist eine absolut großartige Funktion.
Sie können eine einzelne favicon.png Datei zu sein entdeckt von ~allen Browsern, indem Sie jede HTTP-Anfrage innerhalb Ihres Apache's umbenennen/übersetzen lassen .htaccess Datei [oder das Nginx-Äquivalent] auf diese Weise:
# Universal favicon
RewriteRule ^(?:fav|apple-touch-)icon.*\.(?:ico|png)$ favicon.png [L]Dann müssen Sie nur noch diese [winzige] Zeile in die Datei head Abschnitt Ihres HTML-Codes:
<link rel="icon" href="favicon.png">Bezüglich der Bildabmessungen würde ich die höchste verwenden, die von meiner Webapp erwartet wird (z.B. 192px bei Android), und die verbleibenden automatisch durch den User-Agent verkleinern lassen (dies sollte kein Problem sein bei modernen Netzhaut Geräte).
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
1 Stimmen
Überprüfen Sie die Link für weitere Informationen. Sie sind auf dem richtigen Weg.
0 Stimmen
Laden Sie das Bild (favicon.ico) mit FTP (lesen Sie unser FTP-Tutorial) in den Root-Bereich Ihrer Website hoch. Der Root-Bereich ist der Hauptdateibereich, in dem Sie die Datei index.html (index.asp, index.php, etc.) für Ihre Hauptseite speichern würden. davesite.com wäre die Wurzel davesite.com/webstation wäre nicht die Wurzel davesite.com/webstation/html ist auch nicht Root Diese Datei wird, wenn sie richtig platziert ist, als Standard für Ihre gesamte Domain geladen.
0 Stimmen
Ich habe die Eingabetaste zu früh gedrückt - trotzdem danke für die Antwort. Wollte nur sagen, dass der erste Teil (den ich oben eingefügt habe) in dem Link, den Sie angegeben haben, nicht zu funktionieren scheint? Aber der zweite Teil hat perfekt funktioniert - danke
3 Stimmen
Hier ist die Empfehlungen von w3.org mit einer Warnung, dass IE vor IE11 unterstützt keine .png-Symbole als Favoriten .