[HTML | FAVICON manuell einbinden] Ein Favicon zur Webseite hinzufügen, egal ob .ico, .png etc. #png #ico #Favicon #Icon #Einbinden #Embed #

11/12/2018 - 6:30 PM

[HTML | FAVICON manuell einbinden] Ein Favicon zur Webseite hinzufügen, egal ob .ico, .png etc. #png #ico #Favicon #Icon #Einbinden #Embed #

[HTML | FAVICON manuell einbinden] Ein Favicon zur Webseite hinzufügen, egal ob .ico, .png etc. #png #ico #Favicon #Icon #Einbinden #Embed #link

Favicon.md

Rendered
Source

BEDINGUNGEN:
Form:	quadratisch
Auflösung:	mind. 16px / max. 48px
	z.B. 16x16px, 32x32px oder 48x48px
Dateitypen:	JP(E)G / GIF / PNG / ICO

(I.A.2) Zuständiger Bereich

Die Snippets müssen eingebunden werden in den HEAD-Bereich, also zwischen <head> und </head>.

(I.B) Codes zum EINBINDEN eines Favicon ...

(I.B.1) ... aus .ICO (Icon)

Handelt es sich um ein .ico-Dateiformat (Icon), lautet der Code wie folgt:

<link rel="icon" type="image/vnd.microsoft.icon" href="(GENAUE PFADANGABE/DATEINAME.ico">

(I.B.2) ... aus .GIF (Icon)

Handelt es sich um ein .gif-Dateiformat (Icon), lautet der Code wie folgt:

<link rel="icon" type="image/gif" href="(GENAUE PFADANGABE/DATEINAME.gif">

(I.B.3) ... aus .PNG (Icon)

Handelt es sich um ein .png-Dateiformat (Icon), lautet der Code wie folgt:

<link rel="icon" type="image/png" href="(GENAUE PFADANGABE/DATEINAME.png">

Sonderflle.md

Rendered
Source

(II.) SONDERFÄLLE: Apple Touch Icons & Windows Kacheln (Windows 8 Tiles)

Speziell Apple Touch Icons und Windows Kacheln (Windows 8 Tiles) benötigen Grafiken in größerer Auflösung: Je nach Gerät und Version werden Icons in den Größen 57×57, 60×60, 72×72, 76×76, 114×114, 120×120, 128×128, 144×144 und 152×152 px benötigt. Für Windows 8 Tiles benötigen Sie Grafiken in den Größen 70×70, 144×144, 150×150, 310×150 und 310×310 px.

Tools.md

Rendered
Source

Nützliche Tools: FAVICON-GENERATOREN

Über einen FAVICON-GENERATOR können Sie die verschiedenen Versionen schnell und einfach erstellen.