[openstreetmap-website] joined osm logo png with svg in picture element (#1054)

Holger Jeromin notifications at github.com
Sat Sep 12 23:39:45 UTC 2015


[picture](http://caniuse.com/#feat=picture) is a "new" containment element from html5 much like video or audio element. It can contain many sources and the first one will be used.
The nice thing is that an old browser ignores this unknown element and interprets only the plain old img tag.

The media attribute restrict the usage of the source to an browser with a high resolution screen. All other browsers are still using the old img.
If the SVG is transfered gzipped the filesize is smaller than the current png and therefore could/should be used for all browsers (which understand svg in a picture element) and save bandwidth.

The optimization removes a lot of inkscape meta data. 

I am no ruby expert thats why i am not able to change the asset pipeline. But yes, that would be the best.

---
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/1054#issuecomment-139829070
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20150912/2bed02f1/attachment.html>


More information about the rails-dev mailing list