https://somm.fernkurs-wiki.de/w/index.php?action=history&feed=atom&title=Favicon 2026-04-20T10:21:37Z Versionsgeschichte dieser Seite in Social Media Manager MediaWiki 1.37.0 https://somm.fernkurs-wiki.de/w/index.php?title=Favicon&diff=10160&oldid=prev 2023-11-27T14:40:25Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 27. November 2023, 14:40 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== <del style="font-weight: bold; text-decoration: none;">1. </del> Was ist ein Favicon?===  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>===  Was ist ein Favicon?===  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Favicon ist ein kleines Bild, welches mit einer Website verbunden ist und im Browser Tab angezeigt wird. Es setzt sich zusammen aus den Wörtern „favorite“ und „icon“, kann also als ein „Lieblingssymbol“ verstanden werden. Es ist auch bekannt als Shortcut-, Website-, URL- oder Lesezeichen-Symbol.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Favicon ist ein kleines Bild, welches mit einer Website verbunden ist und im Browser Tab angezeigt wird. Es setzt sich zusammen aus den Wörtern „favorite“ und „icon“, kann also als ein „Lieblingssymbol“ verstanden werden. Es ist auch bekannt als Shortcut-, Website-, URL- oder Lesezeichen-Symbol.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== <del style="font-weight: bold; text-decoration: none;">2. </del>Warum <del style="font-weight: bold; text-decoration: none;">sind </del>Favicons wichtig<del style="font-weight: bold; text-decoration: none;">? </del>===  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=== Warum Favicons wichtig <ins style="font-weight: bold; text-decoration: none;">sind </ins>===  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Das Bild ermöglicht den Internetnutzern durch sein Design sofort die dazugehörige Website zu identifizieren. Dies ist nicht nur für die Nutzer komfortabel, auch für den Website-Betreiber bringt dies viele Vorteile mit sich und hat gerade für das SEO großen Nutzen:  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Das Bild ermöglicht den Internetnutzern durch sein Design sofort die dazugehörige Website zu identifizieren. Dies ist nicht nur für die Nutzer komfortabel, auch für den Website-Betreiber bringt dies viele Vorteile mit sich und hat gerade für das SEO großen Nutzen:  </div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l10">Zeile 10:</td> <td colspan="2" class="diff-lineno">Zeile 10:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auch kann das Favicon neue Leser und Leserinnen anlocken und somit den traffic der Website erhöhen.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auch kann das Favicon neue Leser und Leserinnen anlocken und somit den traffic der Website erhöhen.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== <del style="font-weight: bold; text-decoration: none;">3. </del>Favicon erstellen ===   </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=== Favicon erstellen ===   </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit das Favicon sofort der Website zugeordnet werden kann, ist es wichtig, dass das Design bestimmte Voraussetzungen erfüllt.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit das Favicon sofort der Website zugeordnet werden kann, ist es wichtig, dass das Design bestimmte Voraussetzungen erfüllt.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Im Allgemeinen haben sie eine Größe von 16 x 16 oder 32 x 32 Pixel. Es ist wichtig, das Design und die Farbgebung so einfach wie möglich zu halten, da die kleine Größe bei zu vielen Farben und Formen das Motiv nicht mehr erkennen <del style="font-weight: bold; text-decoration: none;">lassen</del>. Das am meisten verwendete Bildformat ist Windows ICO, es sind aber auch eine Vielzahl an anderen Formaten möglich.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Im Allgemeinen haben sie eine Größe von 16 x 16 oder 32 x 32 Pixel. Es ist wichtig, das Design und die Farbgebung so einfach wie möglich zu halten, da die kleine Größe bei zu vielen Farben und Formen das Motiv nicht mehr erkennen <ins style="font-weight: bold; text-decoration: none;">lässt</ins>. Das am meisten verwendete Bildformat ist Windows ICO, es sind aber auch eine Vielzahl an anderen Formaten möglich.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Im Netz sind zahlreiche kostenlose und kostenpflichtige Favicon-Generators zu finden, mit denen der Nutzer <del style="font-weight: bold; text-decoration: none;">gemeinsam </del>sehr schnell und einfach ein Favicon erstellen kann</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Im Netz sind zahlreiche kostenlose und kostenpflichtige Favicon-Generators zu finden, mit denen der Nutzer sehr schnell und einfach ein Favicon erstellen kann<ins style="font-weight: bold; text-decoration: none;">.</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> </table>

Scaja https://somm.fernkurs-wiki.de/w/index.php?title=Favicon&diff=10159&oldid=prev 2023-11-27T14:33:01Z

<p>Die Seite wurde neu angelegt: „=== 1. Was ist ein Favicon?=== Ein Favicon ist ein kleines Bild, welches mit einer Website verbunden ist und im Browser Tab angezeigt wird. Es setzt sich zusammen aus den Wörtern „favorite“ und „icon“, kann also als ein „Lieblingssymbol“ verstanden werden. Es ist auch bekannt als Shortcut-, Website-, URL- oder Lesezeichen-Symbol. === 2. Warum sind Favicons wichtig? === Das Bild ermöglicht den Internetnutzern durch sein Design sofort di…“</p> <p><b>Neue Seite</b></p><div>=== 1. Was ist ein Favicon?=== <br /> <br /> Ein Favicon ist ein kleines Bild, welches mit einer Website verbunden ist und im Browser Tab angezeigt wird. Es setzt sich zusammen aus den Wörtern „favorite“ und „icon“, kann also als ein „Lieblingssymbol“ verstanden werden. Es ist auch bekannt als Shortcut-, Website-, URL- oder Lesezeichen-Symbol.<br /> <br /> === 2. Warum sind Favicons wichtig? === <br /> <br /> Das Bild ermöglicht den Internetnutzern durch sein Design sofort die dazugehörige Website zu identifizieren. Dies ist nicht nur für die Nutzer komfortabel, auch für den Website-Betreiber bringt dies viele Vorteile mit sich und hat gerade für das SEO großen Nutzen: <br /> Durch ein gut einprägsames Design wird der Wiedererkennungswert der Marke oder des Blogs gestärkt. Der Nutzer hat ein vertrautes Gefühl, was zur Identifikation mit dem Unternehmen oder Blog führt.<br /> Zudem kann das Favicon als Lesezeichen verwendet werden, somit ist ein schneller Zugriff auf die Website gewährleistet. <br /> Auch kann das Favicon neue Leser und Leserinnen anlocken und somit den traffic der Website erhöhen. <br /> <br /> === 3. Favicon erstellen === <br /> <br /> Damit das Favicon sofort der Website zugeordnet werden kann, ist es wichtig, dass das Design bestimmte Voraussetzungen erfüllt.<br /> Im Allgemeinen haben sie eine Größe von 16 x 16 oder 32 x 32 Pixel. Es ist wichtig, das Design und die Farbgebung so einfach wie möglich zu halten, da die kleine Größe bei zu vielen Farben und Formen das Motiv nicht mehr erkennen lassen. Das am meisten verwendete Bildformat ist Windows ICO, es sind aber auch eine Vielzahl an anderen Formaten möglich.<br /> Im Netz sind zahlreiche kostenlose und kostenpflichtige Favicon-Generators zu finden, mit denen der Nutzer gemeinsam sehr schnell und einfach ein Favicon erstellen kann<br /> <br /> <br /> <br /> <br /> Quellen:<br /> <br /> https://www.seo-kueche.de/lexikon/favicon/<br /> <br /> https://de.vsble.me/post/alles-ueber-favicions<br /> <br /> https://blog.hubspot.de/website/favicon-erstellen<br /> <br /> <br /> weiterführende links: <br /> <br /> https://www.ionos.de/tools/favicon-generator<br /> <br /> https://www.w3schools.com/html/html_favicon.asp</div>

Scaja