From: Tom Hughes Date: Thu, 11 Jun 2015 20:16:29 +0000 (+0100) Subject: Improve favicons X-Git-Tag: live~4083 X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/edfbbf7336a38162b2d996ebca21918a5d6039a0?hp=92384ed9565d6f6558417ea43958612cbf9a87d7 Improve favicons 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. --- diff --git a/app/assets/favicons/android-chrome-144x144.png b/app/assets/favicons/android-chrome-144x144.png new file mode 100644 index 000000000..5e6552e93 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 index 000000000..8e02ec989 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 index 000000000..5d402765e 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 index 000000000..2a8781391 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 index 000000000..67aeb34d2 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 index 000000000..37ede1c1c 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 index 000000000..46d11b332 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 index 000000000..03f32cb6b 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 index 000000000..26c23a3f2 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 index 000000000..1fc5b8a2a 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 index 000000000..93b1cc977 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 index 000000000..563e8add6 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 index 000000000..9d907d9da 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 index 000000000..fbd1c310d 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 index 000000000..e403736c5 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 index 000000000..97927402c 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 index 000000000..93b1cc977 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 index 000000000..e0c343e84 --- /dev/null +++ b/app/assets/favicons/browserconfig.xml.erb @@ -0,0 +1,12 @@ + + + + + "/> + "/> + "/> + "/> + #00a300 + + + diff --git a/app/assets/favicons/favicon-16x16.png b/app/assets/favicons/favicon-16x16.png new file mode 100644 index 000000000..2560c7295 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 index 000000000..779436b90 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 index 000000000..3a6009deb 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 index 000000000..b60083bc9 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 index 000000000..0c2f56c2c 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 index 000000000..8938f2cd9 --- /dev/null +++ b/app/assets/favicons/manifest.json.erb @@ -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 index 000000000..e86a0ab41 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 index 000000000..a4be2b338 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 index 000000000..ea907543d 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 index 000000000..59b5a556f 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 index 000000000..938959e48 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 index 4448dd6f6..000000000 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 index 67c4b21cc..000000000 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 index b24fb1c3a..000000000 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 index d387ad25d..000000000 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 index 94893c7e2..000000000 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 index 2bb1f30e6..000000000 Binary files a/app/assets/images/osm_logo_72.png and /dev/null differ diff --git a/app/views/layouts/_head.html.erb b/app/views/layouts/_head.html.erb index b879d90bd..32e5af198 100644 --- a/app/views/layouts/_head.html.erb +++ b/app/views/layouts/_head.html.erb @@ -11,12 +11,18 @@ <%= stylesheet_link_tag "large-#{dir}", :media => "screen" %> <%= favicon_link_tag "favicon.ico" %> - <%= 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." }) %>