markdown [HTML | FAVICON manuell einbinden] Ein Favicon zurWebseitehinzufügen，egal ob .ico，.png
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了markdown [HTML | FAVICON manuell einbinden] Ein Favicon zurWebseitehinzufügen，egal ob .ico，.png相关的知识，希望对你有一定的参考价值。
| 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:
```html
<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:
```html
<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:
```html
<link rel="icon" type="image/png" href="(GENAUE PFADANGABE/DATEINAME.png">
```
## (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**.
## Nützliche Tools: **FAVICON-GENERATOREN**
Über einen **FAVICON-GENERATOR** können Sie die verschiedenen Versionen schnell und einfach erstellen.
### LINKS:
#### Die 3 besten Favicon-Generatoren
> *[1]*: **FAVICON.IO**, *[1]* _*[www.favicon.io](https://favicon.io/)*_
+ **FAVICON-GENERATOR.ORG** - [favicon-generator.org](https://www.favicon-generator.org/)
* **REALFAVICONGENERATOR.NET** - [realfavicongenerator.net](https://realfavicongenerator.net/)
#### Quelle für Inhalte
Die in diesem Snippet enthaltenen Informationen wurden extrahiert aus:
> **HOSTEUROPE** - [HOSTEUROPE](https://www.hosteurope.de/blog/favicon-einbinden/)
以上是关于markdown [HTML | FAVICON manuell einbinden] Ein Favicon zurWebseitehinzufügen，egal ob .ico，.png的主要内容，如果未能解决你的问题，请参考以下文章