Favicon ve diğerleri

Favicon

imagemagick kurulumu:

OSX
brew install imagemagick

Debian/Ubuntu
sudo apt-get install imagemagick

Çok boyutlu ".ico" dosyası oluşturma:
$ convert favicon-16.png favicon-24.png favicon-32.png favicon-48.png favicon-64.png favicon.ico

Kodların son hali

<link rel="apple-touch-icon" sizes="57x57" href="favicon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="favicon-57.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon-72.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon-114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon-120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon-152.png">

Apple Mobile Uyumluluk için Ekleyiniz

<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Tile Icon

Windows 8 ve ileriki sürümleri için örnek kullanım şu şekilde

<meta name="application-name" content="Mertcan">
<meta name="msapplication-TileImage" content="favicon-144.png">
<meta name="msapplication-TileColor" content="#2A2A2A">

Otomatik Kod oluşturmak için: http://www.buildmypinnedsite.com/

Safari ikon seti

<link rel="icon" sizes="any" mask href="mask-icon.svg">
<meta name="theme-color" content="#FFDD00">

Safari tarayıcıda simge önbelleğini temizlemek: ~/Library/Safari/Template Icons