Favicon Generator. For Real
Da es bedauerlicherweise keine einheitliche Art und Weise für alle möglichen Web-Clients gibt, ein Favicon zu definieren, ist man gezwungen eine ganze Reihe verschiedener Icons zu erzeugen und diese mit unterschiedlichen HTML-Codes in der Webseite zu definieren. Zum Glück hat Frank Seidel in seinem Template, das die Grundlage dieses Templates ist, eine URL eines Onlinedienstes (ist tatsächlich auch noch kostenlos) eingefügt, der einem diese ganzen Arbeiten abnimmt.
Unter der Adresse https://realfavicongenerator.net/ ist der Dienst zu finden.
Gestartet wird der Prozess mit einem Klick auf ' Select your Favicon Image '.
Dazu sollte man eine Grafik vorbereitet haben: "Senden Sie ein Bild (PNG, JPG, SVG ...), mindestens 70x70.
Ihr Bild sollte 260 x 260 oder größer sein, um optimale Ergebnisse zu erzielen."
Das größte Icon, das dabei erzeugt werden wird, hat 512 * 512 Pixel. Es ist also am besten, wenn die Vorlage mindestens 512 * 512 Pixel hat. Nachdem also die Bilddatei hochgeladen wurde, sind eine ganze Reihe Einstellungen vorzunehmen. Wenn das Ergebnis beim ersten Durchgang nicht optimal ist, einfach von vorne Anfangen.
Es gibt eine ganze Reihe von Einstellmöglichkeiten. Die Screenshots geben einen Überblick. Es lohn sich in Ruhe alles durchzulesen und evtl. auszuprobieren. Wer nicht die große Geduld aufbringt, kann es auch mit den Voreinstellungen versuchen.
Google-Übersetzung ins Deutsche (das Programm / die Website ist nur in englisch)
Zum Schluss gibt es noch dieses Eingabefeld, die mir sinnvoll erscheinenden Einstellungen habe ich im nachfolgenden Text als ausgewählt dargestellt:
Da in der favicon.php die Pfade zu den Grafikdateien durch CMSimple_XH - eigene Variablen definiert sind, spielt es (anders als bei den ersten Versionen des Vorläufertemplates) keine Rolle mehr, welche der beiden Optionen Sie auswählen. Es geht mittlerweile nur noch darum, die Grafikdateien zu erhalten (Download) und die Farbwerte zum Eintrag in der favicon.php zu erhalten.
Version/Refresh: Wenn ein Browser ein Favicon zum ersten Mal lädt, neigt er dazu, es im Cache zu speichern und nie wieder zu laden. Wenn Ihre Website nicht neu ist und Sie Ihr Favicon aktualisieren wollen, kann das ein Problem sein: Ihre treuen Besucher werden die Änderung nicht bemerken. Ein Workaround ist, eine Version als Abfrageparameter an die Favicon-URLs anzuhängen.
Dies ist eine neue Website, die noch niemand besucht hat. Es gibt also kein "altes" Favicon und kein Caching-Problem.
Die Website ist bereits in Produktion und viele Leute haben sie bereits besucht. Ich möchte, dass wiederkehrende Besucher mein neues Favicon sehen, nicht das alte.
Compression: Hier kann man zwischen 6 Stufen der Grafik-Kompression auswählen.
Scaling algorithm: Hier kann man zwischen 6 Methoden der Abwärtsskalierung für die kleinen Icons auswählen.
App name: Beim Hinzufügen eines Links zum Startbildschirm kann der Benutzer eine Beschriftung wählen. Standardmäßig ist dies der Titel der mit Lesezeichen versehenen Seite, was normalerweise in Ordnung ist. Bei iOS und Windows 8 können Sie diesen Standardwert jedoch außer Kraft setzen.
Kein App-Name, lassen Sie den Browser standardmäßig den Seitentitel anbieten.
Spezifischer App-Name, überschreibt den Seitentitel. My Site
Additional Files:
README.md generieren, die die Anweisungen zur Paketinstallation zusammenfasst. Verwenden Sie diese Option, um das Favicon-Paket autark zu machen.
Generieren Sie html_code.html, die die HTML-Auszeichnungen der Symbole enthält. Diese Datei kann wie gewohnt in HTML-Dokumente eingefügt werden.
Wenn alles geklappt hat, erhält man ein Archiv, in dem alle notwendigen Dateien enthalten sind.