Skip to main content
 

Icons (Favicon)

Über die Icons-Einstellungen werden automatisch Icons in verschiedenen Formaten und Auflösungen, beispielsweise für Android- oder iOS-Systeme, erstellt und in den Quellcode der Webseiten eingefügt.

Hinweis: Das Favicon wurde in früheren Versionen von Zeta Producer über den Layout-Designer im Projekt eingestellt. Dieses eingestellte Favicon bleibt auch so lange erhalten, bis über die neuen Icons-Einstellungen ein Icon konfiguriert wurde.

Icons konfigurieren

  1. Öffnen Sie das Programmmenü "Website | Einstellungen" und wechseln dann auf die Gruppe "Icons".
  2. Konfigurieren Sie nun eine entsprechende Icon-Datei. Idealerweise sollte diese im SVG-Format vorliegen, mindestens eine Bildgröße von 512 x 512 Pixel aufweisen und quadratisch sein.
  3. Klicken Sie anschließend auf den Button "OK".

Das konfigurierte Icon wird nun für die Website verwendet.

Icons Link- und Meta-Tags

Die Icons werden automatisch erstellt und entsprechende Link- und Meta-Tags in den Quellcode der Webseiten eingefügt.

Beispiel für die Icons Link- und Meta -Tags

<link class="zpfaviconmeta" rel="icon" type="image/svg+xml" href="media/images/favicons/favicon.svg">
<link class="zpfaviconmeta" rel="shortcut icon" type="image/x-icon" href="media/images/favicons/favicon.ico">
<link class="zpfaviconmeta" rel="icon" type="image/png" sizes="32x32" href="media/images/favicons/favicon-32x32.png">
<link class="zpfaviconmeta" rel="icon" type="image/png" sizes="16x16" href="media/images/favicons/favicon-16x16.png">
<link class="zpfaviconmeta" rel="apple-touch-icon" sizes="180x180" href="media/images/favicons/apple-touch-icon.png">
<link class="zpfaviconmeta" rel="manifest" href="site.webmanifest">
<meta class="zpfaviconmeta" name="msapplication-config" content="browserconfig.xml">
<meta class="zpfaviconmeta" name="msapplication-TileColor" content="#ffffff">
<meta class="zpfaviconmeta" name="theme-color" content="#ffffff">

Hinweis: Die gesamte Icons-Ausgabe wird im Attribut favicons_html-head-fragment.html gespeichert und hierarchisch auf untergeordnete Seiten vererbt. 

Alternatives Icon für 32 x 32 Pixel

Falls das automatisch generierte Icon für die 32 x 32 Pixel-Ausgabe zu unscharf sein sollte, können Sie über die erweiterten Einstellungen ein separates Icon im entsprechenden Format angeben.