Updated Favicons › Now with Favicons for iPhone6plus

_config.yml

@@ -129,17 +129,21 @@ bing_webmastertools_id:    "0FB4C028ABCF07C908C54386ABD2D97F"
 #      / ____/___ __   __(_)________  ____  _____
 #     / /_  / __ `/ | / / / ___/ __ \/ __ \/ ___/
 #    / __/ / /_/ /| |/ / / /__/ /_/ / / / (__  ) 
-#   /_/    \__,_/ |___/_/\___/\____/_/ /_/____/   Favicons, Apple Touch Buttons
-#                                                 More information » http://j.mp/apple-touch-icons
+#   /_/    \__,_/ |___/_/\___/\____/_/ /_/____/   Favicon-Crap: Favicons, Chrome, Android & Apple Touch Buttons
+#                                                 More information » https://mathiasbynens.be/notes/touch-icons
 
-favicon:                         "/assets/img/favicon-32x.png"                    # iOS7 Size 32x32
-apple_touch_icon_iphone:         "/assets/img/touch-icon-iphone-60x.png"          # iOS7 Size 60x60
-apple_touch_icon_iphone_retina:  "/assets/img/touch-icon-iphone-retina-120x.png"  # iOS7 Size 120x120
-apple_touch_icon_ipad:           "/assets/img/touch-icon-ipad-76x.png"            # iOS7 Size 76x76
-apple_touch_icon_ipad_retina:    "/assets/img/touch-icon-ipad-retina-152x.png"    # iOS7 Size 152x152
-apple_touch_icon_precomposed:    "/assets/img/touch-icon-android-152x.png"        # iOS7 Size 152x152
-msapplication_tileimage:         "/assets/img/windows-8-tile-icon-144x.png"       # Windows 8 Tile 144x144
-msapplication_tilecolor:         "#334D5C"                                    # Windows 8 Tile Backgroundcolor
+favicon-32x32:                          "favicon-32x32.png"
+touch-icon-192x192:                     "touch-icon-192x192.png"
+apple-touch-icon-180x180-precomposed:   "apple-touch-icon-180x180-precomposed.png"
+apple-touch-icon-152x152-precomposed:   "apple-touch-icon-152x152-precomposed.png"
+apple-touch-icon-144x144-precomposed:   "apple-touch-icon-144x144-precomposed.png"
+apple-touch-icon-120x120-precomposed:   "apple-touch-icon-120x120-precomposed.png"
+apple-touch-icon-114x114-precomposed:   "apple-touch-icon-114x114-precomposed.png"
+apple-touch-icon-76x76-precomposed:     "apple-touch-icon-76x76-precomposed.png"
+apple-touch-icon-72x72-precomposed:     "apple-touch-icon-72x72-precomposed.png"
+apple-touch-icon-precomposed:           "apple-touch-icon-precomposed.png"
+msapplication_tileimage:                "msapplication_tileimage.png"               # Size 144x144
+msapplication_tilecolor:                "#fabb00"
 
 
 #       ______                __                __  

_includes/favicon

@@ -0,0 +1,77 @@
+{% comment %}
+*   
+*   More Information › https://mathiasbynens.be/notes/touch-icons
+*   
+{% endcomment %}
+
+
+{% if site.favicon-32x32 %}
+	{% comment %} Regular Old-Skool Favicon: {% endcomment %}
+	<link rel="icon" sizes="32x32" href="{{ site.url }}/assets/img/{{ site.favicon-32x32 }}">
+{% endif %}
+
+
+{% if site.touch-icon-192x192 %}
+	{% comment %} For Chrome for Android: {% endcomment %}
+	<link rel="icon" sizes="192x192" href="{{ site.url }}/assets/img/{{ site.touch-icon-192x192 }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-180x180-precomposed %}
+	{% comment %} For iPhone 6 Plus with @3× display: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-180x180-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-152x152-precomposed %}
+	{% comment %} For iPad with @2× display running iOS ≥ 7: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-152x152-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-144x144-precomposed %}
+	{% comment %} For iPad with @2× display running iOS ≤ 6: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-144x144-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-120x120-precomposed %}
+	{% comment %} For iPhone with @2× display running iOS ≥ 7: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-120x120-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-114x114-precomposed %}
+	{% comment %} For iPhone with @2× display running iOS ≤ 6: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-114x114-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-76x76-precomposed %}
+	{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-76x76-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-72x72-precomposed %}
+	{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-72x72-precomposed }}">
+{% endif %}
+
+
+{% if site.apple-touch-icon-precomposed %}
+	{% comment %} For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: {% endcomment %}
+	<link rel="apple-touch-icon-precomposed" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-precomposed }}">{% comment %} 57×57px {% endcomment %}	
+{% endif %}
+
+
+{% if site.msapplication_tileimage %}
+	{% comment %} Favicon for Windows 8  {% endcomment %}
+	<meta name="msapplication-TileImage" content="{{ site.url }}/assets/img/{{ site.msapplication_tileimage }}"/>
+{% endif %}
+
+
+{% if site.msapplication_tilecolor %}
+	{% comment %} Background Color for Tile for Windows 8  {% endcomment %}
+	<meta name="msapplication-TileColor" content="{{ site.msapplication_tilecolor }}">
+{% endif %}

_includes/head.html

@@ -32,13 +32,8 @@
 	{% if page.meta_description %}<meta name="description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.teaser %}<meta name="description" content="{{ page.teaser | strip_html | escape }}"/>{% elsif site.description %}<meta name="description" content="{{ site.description | strip_html | escape }}"/>{% endif %}
 	
 	{% if site.google_author %}<link rel="author" href="{{ site.google_author }}"/>{% endif %}
-	{% if site.favicon %}<link rel="shortcut icon" href="{{ site.url }}{{ site.favicon }}" type="image/png" />{% endif %}
-	{% if site.favicon %}<link rel="icon" href="{{ site.url }}{{ site.favicon }}" type="image/png" />{% endif %}
-	{% if site.apple_touch_icon_iphone %}<link rel="apple-touch-icon" href="{{ site.url }}{{ site.apple_touch_icon_iphone }}">{% endif %}
-	{% if site.apple_touch_icon_iphone_retina %}<link rel="apple-touch-icon" sizes="76x76" href="{{ site.url }}{{ site.apple_touch_icon_iphone_retina }}">{% endif %}
-	{% if site.apple_touch_icon_ipad %}<link rel="apple-touch-icon" sizes="120x120" href="{{ site.url }}{{ site.apple_touch_icon_ipad }}">{% endif %}
-	{% if site.apple_touch_icon_ipad_retina %}<link rel="apple-touch-icon" sizes="152x152" href="{{ site.url }}{{ site.apple_touch_icon_ipad_retina }}">{% endif %}
-	{% if site.apple_touch_icon_precomposed %}<link rel="apple-touch-icon-precomposed" href="{{ site.url }}{{ site.apple_touch_icon_precomposed }}">{% endif %}
+
+	{% include favicon %}
 
 	<!-- Facebook Optimization -->
 	<meta property="og:locale" content="{% if site.og_locale == nil %}en_EN{% else %}{{ site.og_locale }}{% endif %}" />