Improve favicons
authorTom Hughes <tom@compton.nu>
Thu, 11 Jun 2015 20:16:29 +0000 (21:16 +0100)
committerTom Hughes <tom@compton.nu>
Thu, 11 Jun 2015 20:18:31 +0000 (21:18 +0100)
Following http://stackoverflow.com/questions/2268204/favicon-dimensions
advice on the best range of icons to offer, and using the site linked
there to generate everything.

36 files changed:
app/assets/favicons/android-chrome-144x144.png [new file with mode: 0644]
app/assets/favicons/android-chrome-192x192.png [new file with mode: 0644]
app/assets/favicons/android-chrome-36x36.png [new file with mode: 0644]
app/assets/favicons/android-chrome-48x48.png [new file with mode: 0644]
app/assets/favicons/android-chrome-72x72.png [new file with mode: 0644]
app/assets/favicons/android-chrome-96x96.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-114x114.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-120x120.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-144x144.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-152x152.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-180x180.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-57x57.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-60x60.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-72x72.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-76x76.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon-precomposed.png [new file with mode: 0644]
app/assets/favicons/apple-touch-icon.png [new file with mode: 0644]
app/assets/favicons/browserconfig.xml.erb [new file with mode: 0644]
app/assets/favicons/favicon-16x16.png [new file with mode: 0644]
app/assets/favicons/favicon-194x194.png [new file with mode: 0644]
app/assets/favicons/favicon-32x32.png [new file with mode: 0644]
app/assets/favicons/favicon-96x96.png [new file with mode: 0644]
app/assets/favicons/favicon.ico [new file with mode: 0644]
app/assets/favicons/manifest.json.erb [new file with mode: 0644]
app/assets/favicons/mstile-144x144.png [new file with mode: 0644]
app/assets/favicons/mstile-150x150.png [new file with mode: 0644]
app/assets/favicons/mstile-310x150.png [new file with mode: 0644]
app/assets/favicons/mstile-310x310.png [new file with mode: 0644]
app/assets/favicons/mstile-70x70.png [new file with mode: 0644]
app/assets/images/favicon.ico [deleted file]
app/assets/images/osm_logo_114.png [deleted file]
app/assets/images/osm_logo_144.png [deleted file]
app/assets/images/osm_logo_228.png [deleted file]
app/assets/images/osm_logo_57.png [deleted file]
app/assets/images/osm_logo_72.png [deleted file]
app/views/layouts/_head.html.erb

diff --git a/app/assets/favicons/android-chrome-144x144.png b/app/assets/favicons/android-chrome-144x144.png
new file mode 100644 (file)
index 0000000..5e6552e
Binary files /dev/null and b/app/assets/favicons/android-chrome-144x144.png differ
diff --git a/app/assets/favicons/android-chrome-192x192.png b/app/assets/favicons/android-chrome-192x192.png
new file mode 100644 (file)
index 0000000..8e02ec9
Binary files /dev/null and b/app/assets/favicons/android-chrome-192x192.png differ
diff --git a/app/assets/favicons/android-chrome-36x36.png b/app/assets/favicons/android-chrome-36x36.png
new file mode 100644 (file)
index 0000000..5d40276
Binary files /dev/null and b/app/assets/favicons/android-chrome-36x36.png differ
diff --git a/app/assets/favicons/android-chrome-48x48.png b/app/assets/favicons/android-chrome-48x48.png
new file mode 100644 (file)
index 0000000..2a87813
Binary files /dev/null and b/app/assets/favicons/android-chrome-48x48.png differ
diff --git a/app/assets/favicons/android-chrome-72x72.png b/app/assets/favicons/android-chrome-72x72.png
new file mode 100644 (file)
index 0000000..67aeb34
Binary files /dev/null and b/app/assets/favicons/android-chrome-72x72.png differ
diff --git a/app/assets/favicons/android-chrome-96x96.png b/app/assets/favicons/android-chrome-96x96.png
new file mode 100644 (file)
index 0000000..37ede1c
Binary files /dev/null and b/app/assets/favicons/android-chrome-96x96.png differ
diff --git a/app/assets/favicons/apple-touch-icon-114x114.png b/app/assets/favicons/apple-touch-icon-114x114.png
new file mode 100644 (file)
index 0000000..46d11b3
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-114x114.png differ
diff --git a/app/assets/favicons/apple-touch-icon-120x120.png b/app/assets/favicons/apple-touch-icon-120x120.png
new file mode 100644 (file)
index 0000000..03f32cb
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-120x120.png differ
diff --git a/app/assets/favicons/apple-touch-icon-144x144.png b/app/assets/favicons/apple-touch-icon-144x144.png
new file mode 100644 (file)
index 0000000..26c23a3
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-144x144.png differ
diff --git a/app/assets/favicons/apple-touch-icon-152x152.png b/app/assets/favicons/apple-touch-icon-152x152.png
new file mode 100644 (file)
index 0000000..1fc5b8a
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-152x152.png differ
diff --git a/app/assets/favicons/apple-touch-icon-180x180.png b/app/assets/favicons/apple-touch-icon-180x180.png
new file mode 100644 (file)
index 0000000..93b1cc9
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-180x180.png differ
diff --git a/app/assets/favicons/apple-touch-icon-57x57.png b/app/assets/favicons/apple-touch-icon-57x57.png
new file mode 100644 (file)
index 0000000..563e8ad
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-57x57.png differ
diff --git a/app/assets/favicons/apple-touch-icon-60x60.png b/app/assets/favicons/apple-touch-icon-60x60.png
new file mode 100644 (file)
index 0000000..9d907d9
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-60x60.png differ
diff --git a/app/assets/favicons/apple-touch-icon-72x72.png b/app/assets/favicons/apple-touch-icon-72x72.png
new file mode 100644 (file)
index 0000000..fbd1c31
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-72x72.png differ
diff --git a/app/assets/favicons/apple-touch-icon-76x76.png b/app/assets/favicons/apple-touch-icon-76x76.png
new file mode 100644 (file)
index 0000000..e403736
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-76x76.png differ
diff --git a/app/assets/favicons/apple-touch-icon-precomposed.png b/app/assets/favicons/apple-touch-icon-precomposed.png
new file mode 100644 (file)
index 0000000..9792740
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon-precomposed.png differ
diff --git a/app/assets/favicons/apple-touch-icon.png b/app/assets/favicons/apple-touch-icon.png
new file mode 100644 (file)
index 0000000..93b1cc9
Binary files /dev/null and b/app/assets/favicons/apple-touch-icon.png differ
diff --git a/app/assets/favicons/browserconfig.xml.erb b/app/assets/favicons/browserconfig.xml.erb
new file mode 100644 (file)
index 0000000..e0c343e
--- /dev/null
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="<%= image_path("mstile-70x70.png") %>"/>
+      <square150x150logo src="<%= image_path("mstile-150x150.png") %>"/>
+      <square310x310logo src="<%= image_path("mstile-310x310.png") %>"/>
+      <wide310x150logo src="<%= image_path("mstile-310x150.png") %>"/>
+      <TileColor>#00a300</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/app/assets/favicons/favicon-16x16.png b/app/assets/favicons/favicon-16x16.png
new file mode 100644 (file)
index 0000000..2560c72
Binary files /dev/null and b/app/assets/favicons/favicon-16x16.png differ
diff --git a/app/assets/favicons/favicon-194x194.png b/app/assets/favicons/favicon-194x194.png
new file mode 100644 (file)
index 0000000..779436b
Binary files /dev/null and b/app/assets/favicons/favicon-194x194.png differ
diff --git a/app/assets/favicons/favicon-32x32.png b/app/assets/favicons/favicon-32x32.png
new file mode 100644 (file)
index 0000000..3a6009d
Binary files /dev/null and b/app/assets/favicons/favicon-32x32.png differ
diff --git a/app/assets/favicons/favicon-96x96.png b/app/assets/favicons/favicon-96x96.png
new file mode 100644 (file)
index 0000000..b60083b
Binary files /dev/null and b/app/assets/favicons/favicon-96x96.png differ
diff --git a/app/assets/favicons/favicon.ico b/app/assets/favicons/favicon.ico
new file mode 100644 (file)
index 0000000..0c2f56c
Binary files /dev/null and b/app/assets/favicons/favicon.ico differ
diff --git a/app/assets/favicons/manifest.json.erb b/app/assets/favicons/manifest.json.erb
new file mode 100644 (file)
index 0000000..8938f2c
--- /dev/null
@@ -0,0 +1,41 @@
+{
+       "name": "OpenStreetMap",
+       "icons": [
+               {
+                       "src": "<%= image_path("android-chrome-36x36.png").gsub("/", "\\/") %>",
+                       "sizes": "36x36",
+                       "type": "image\/png",
+                       "density": "0.75"
+               },
+               {
+                       "src": "<%= image_path("android-chrome-48x48.png").gsub("/", "\\/") %>",
+                       "sizes": "48x48",
+                       "type": "image\/png",
+                       "density": "1.0"
+               },
+               {
+                       "src": "<%= image_path("android-chrome-72x72.png").gsub("/", "\\/") %>",
+                       "sizes": "72x72",
+                       "type": "image\/png",
+                       "density": "1.5"
+               },
+               {
+                       "src": "<%= image_path("android-chrome-96x96.png").gsub("/", "\\/") %>",
+                       "sizes": "96x96",
+                       "type": "image\/png",
+                       "density": "2.0"
+               },
+               {
+                       "src": "<%= image_path("android-chrome-144x144.png").gsub("/", "\\/") %>",
+                       "sizes": "144x144",
+                       "type": "image\/png",
+                       "density": "3.0"
+               },
+               {
+                       "src": "<%= image_path("android-chrome-192x192.png").gsub("/", "\\/") %>",
+                       "sizes": "192x192",
+                       "type": "image\/png",
+                       "density": "4.0"
+               }
+       ]
+}
diff --git a/app/assets/favicons/mstile-144x144.png b/app/assets/favicons/mstile-144x144.png
new file mode 100644 (file)
index 0000000..e86a0ab
Binary files /dev/null and b/app/assets/favicons/mstile-144x144.png differ
diff --git a/app/assets/favicons/mstile-150x150.png b/app/assets/favicons/mstile-150x150.png
new file mode 100644 (file)
index 0000000..a4be2b3
Binary files /dev/null and b/app/assets/favicons/mstile-150x150.png differ
diff --git a/app/assets/favicons/mstile-310x150.png b/app/assets/favicons/mstile-310x150.png
new file mode 100644 (file)
index 0000000..ea90754
Binary files /dev/null and b/app/assets/favicons/mstile-310x150.png differ
diff --git a/app/assets/favicons/mstile-310x310.png b/app/assets/favicons/mstile-310x310.png
new file mode 100644 (file)
index 0000000..59b5a55
Binary files /dev/null and b/app/assets/favicons/mstile-310x310.png differ
diff --git a/app/assets/favicons/mstile-70x70.png b/app/assets/favicons/mstile-70x70.png
new file mode 100644 (file)
index 0000000..938959e
Binary files /dev/null and b/app/assets/favicons/mstile-70x70.png differ
diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico
deleted file mode 100644 (file)
index 4448dd6..0000000
Binary files a/app/assets/images/favicon.ico and /dev/null differ
diff --git a/app/assets/images/osm_logo_114.png b/app/assets/images/osm_logo_114.png
deleted file mode 100644 (file)
index 67c4b21..0000000
Binary files a/app/assets/images/osm_logo_114.png and /dev/null differ
diff --git a/app/assets/images/osm_logo_144.png b/app/assets/images/osm_logo_144.png
deleted file mode 100644 (file)
index b24fb1c..0000000
Binary files a/app/assets/images/osm_logo_144.png and /dev/null differ
diff --git a/app/assets/images/osm_logo_228.png b/app/assets/images/osm_logo_228.png
deleted file mode 100644 (file)
index d387ad2..0000000
Binary files a/app/assets/images/osm_logo_228.png and /dev/null differ
diff --git a/app/assets/images/osm_logo_57.png b/app/assets/images/osm_logo_57.png
deleted file mode 100644 (file)
index 94893c7..0000000
Binary files a/app/assets/images/osm_logo_57.png and /dev/null differ
diff --git a/app/assets/images/osm_logo_72.png b/app/assets/images/osm_logo_72.png
deleted file mode 100644 (file)
index 2bb1f30..0000000
Binary files a/app/assets/images/osm_logo_72.png and /dev/null differ
index b879d90..32e5af1 100644 (file)
     <%= stylesheet_link_tag "large-#{dir}", :media => "screen" %>
     <%= favicon_link_tag "favicon.ico" %>
   <![endif]-->
-  <%= favicon_link_tag "osm_logo_57.png", :rel => "apple-touch-icon", :sizes => "57x57", :type => "image/png" %>
-  <%= favicon_link_tag "osm_logo_72.png", :rel => "apple-touch-icon", :sizes => "72x72", :type => "image/png" %>
-  <%= favicon_link_tag "osm_logo_114.png", :rel => "apple-touch-icon", :sizes => "114x114", :type => "image/png" %>
-  <%= favicon_link_tag "osm_logo_144.png", :rel => "apple-touch-icon", :sizes => "144x144", :type => "image/png" %>
-  <%= favicon_link_tag "osm_logo_228.png", :rel => "icon", :sizes => "228x228", :type => "image/png" %>
-  <%= tag("meta", { :name => "msapplication-TileImage", :content => image_path("osm_logo_144.png") }) %>
+  <% [57, 60, 72, 76, 114, 120, 144, 152, 180].each do |size| -%>
+  <%= favicon_link_tag "apple-touch-icon-#{size}x#{size}.png", :rel => "apple-touch-icon", :sizes => "#{size}x#{size}", :type => "image/png" %>
+  <% end -%>
+  <%= favicon_link_tag "favicon-32x32.png", :sizes => "32x32", :type => "image/png" %>
+  <%= favicon_link_tag "favicon-194x194.png", :sizes => "194x194", :type => "image/png" %>
+  <%= favicon_link_tag "favicon-96x96.png", :sizes => "96x96", :type => "image/png" %>
+  <%= favicon_link_tag "android-chrome-192x192.png", :sizes => "192x192", :type => "image/png" %>
+  <%= favicon_link_tag "favicon-16x16.png", :sizes => "16x16", :type => "image/png" %>
+  <%= tag("link", { :rel => "manifest", :href => asset_path("manifest.json") }) %>
+  <%= tag("meta", { :name => "msapplication-TileColor", :content => "#00a300" }) %>
+  <%= tag("meta", { :name => "msapplication-TileImage", :content => image_path("mstile-144x144.png") }) %>
+  <%= tag("meta", { :name => "theme-color", :content => "#ffffff" }) %>
   <%= tag("link", { :rel => "publisher", :href => "https://plus.google.com/111953119785824514010" }) %>
   <%= tag("link", { :rel => "search", :type => "application/opensearchdescription+xml", :title => "OpenStreetMap Search", :href => asset_path("osm.xml") }) %>
   <%= tag("meta", { :name => "description", :content => "OpenStreetMap is the free wiki world map." }) %>