Seit einigen Jahren erleben Favicons, die stark an Bedeutung verloren hatten, ein Comeback, da immer mehr Browser sie unterstützen und sie zu einem visuellen Bestandteil des Nutzererlebnisses machen. Auch Tablet- und Smartphone-Browser nutzen diese Symbole. Dies hat zu einer zunehmenden Bedeutung von ein gutes Favicon haben. Die Darstellung dieser Symbole variiert jedoch je nach Client, der die Website besucht. Desktops erfordern ein bestimmtes Symbol, Apple Die Geräte erfordern unterschiedliche Anforderungen, und auch die unterschiedlichen Größen machen die Sache komplizierter.
{autotoc}
Eine einfache Lösung - Kostenloser Online-Icon-Generator für Apple und Favicon-Symbole
Iconifier.net is a simple solution which given a square JPG, GIF or PNG will generate an icon set of various sizes so that you can use and choose the ones you want to support on your website. You just then need to download the generated icons and embed into your website's code. You can integrate these steps into your web design process.
Embed the favicons icon(s) in your website
After having created the favicon.ico icon using Iconifier.net above, and placing it in the root of your website add the following code between the <head> and </head> of your website
Der Apple Icons
Nachdem Sie die verschiedenen Symbole mithilfe der oben genannten Website erstellt haben, müssen Sie auch einen etwas anderen Code für Apple iPhone/iPad (and possibly Android) devices. Again upload the icon files generated to the root of your website and place the following code in between the HEAD tags.
iOS Devices will automatically handle this in their browser and resize and add some effects accordingly for it to match the styling of the device they are being seen on.
Incidentally, Great iOS and Android developers are not easy to hire - if you're looking to hire a good app developer, and know how to find a good candidate we've got you covered on CollectiveRay. - we'll show you all the great places to find good candidates.
Rot Mehr: Zurücksetzen Apple ID and Password if you Forgot It
Icons for Android Devices
Android basiert auf dem Apple touch icons but expect the icons to be in their final version already. This final version is "PRECOMPOSED", and Android devices expect this tag to be in place. So upload new versions, with slightly different names (such as adding pre-composed in the name) and then add the following markup. The all important part is the rel=apple-touch-icon-precomposed. Put the files in the root of your website and add this code between the <head> and </head> tags of your html
More details on Favicons can be found on Wikepedia: https://en.wikipedia.org/wiki/Favicon