[openstreetmap/openstreetmap-website] Optimised images. (#1691)
Guillaume Rischard
notifications at github.com
Tue Nov 28 22:20:01 UTC 2017
Saved 391 KB out of 2.9 MB. 24.8% per file on average (up to 92.5%).
For every file, [ImageOptim](https://github.com/ImageOptim/ImageOptim) compared the different tools and picked the smallest file that was produced by a combination of `advpng`, `pngout` and `zopfli` for PNGs, `svgo` for SVGs, `mozjpeg` for JPEGs and `gifsicle` for GIFs.
This PR includes significant savings to images that are downloaded often, like 23kb (-11%) on osm_logo_512.png, 18kb (-38%) on banner-sotmus2017.png, 10kb (-15%) on osmf-membership-drive-2017.png or 7kb (-28%) on sprite at 2x.png
No related issues, no code change, no functionality change, no visual differences in images (compression is lossless).
Some of those are from third-party assets, like iD or leaflet. I will or have already opened similar PRs there. Some of those seem to be stale assets, e.g. from openlayers.
You can view, comment on, or merge this pull request online at:
https://github.com/openstreetmap/openstreetmap-website/pull/1691
-- Commit Summary --
* Optimised images. Saved 391 KB out of 2.9 MB. 24.9% per file on average (up to 92.5%)
-- File Changes --
M app/assets/favicons/android-chrome-144x144.png (0)
M app/assets/favicons/android-chrome-192x192.png (0)
M app/assets/favicons/android-chrome-36x36.png (0)
M app/assets/favicons/android-chrome-48x48.png (0)
M app/assets/favicons/android-chrome-72x72.png (0)
M app/assets/favicons/android-chrome-96x96.png (0)
M app/assets/favicons/apple-touch-icon-114x114.png (0)
M app/assets/favicons/apple-touch-icon-120x120.png (0)
M app/assets/favicons/apple-touch-icon-144x144.png (0)
M app/assets/favicons/apple-touch-icon-152x152.png (0)
M app/assets/favicons/apple-touch-icon-180x180.png (0)
M app/assets/favicons/apple-touch-icon-57x57.png (0)
M app/assets/favicons/apple-touch-icon-60x60.png (0)
M app/assets/favicons/apple-touch-icon-72x72.png (0)
M app/assets/favicons/apple-touch-icon-76x76.png (0)
M app/assets/favicons/apple-touch-icon-precomposed.png (0)
M app/assets/favicons/apple-touch-icon.png (0)
M app/assets/favicons/favicon-16x16.png (0)
M app/assets/favicons/favicon-194x194.png (0)
M app/assets/favicons/favicon-32x32.png (0)
M app/assets/favicons/favicon-96x96.png (0)
M app/assets/favicons/mstile-144x144.png (0)
M app/assets/favicons/mstile-150x150.png (0)
M app/assets/favicons/mstile-310x150.png (0)
M app/assets/favicons/mstile-310x310.png (0)
M app/assets/favicons/mstile-70x70.png (0)
M app/assets/images/NoteMarker.svg (57)
M app/assets/images/RSS.svg (85)
M app/assets/images/about/osm.png (0)
M app/assets/images/about/sprite.png (0)
M app/assets/images/about/sprite.svg (389)
M app/assets/images/about/sprite at 2x.png (0)
M app/assets/images/aol.png (0)
M app/assets/images/attribution_example.png (0)
M app/assets/images/banners/banner-sotmus2017.png (0)
M app/assets/images/banners/osmf-membership-drive-2017.png (0)
M app/assets/images/banners/sotmasia-2017-banner.png (0)
M app/assets/images/browse/aerodrome.p.16.png (0)
M app/assets/images/browse/alpinehut.p.16.png (0)
M app/assets/images/browse/amenity_atm.16.png (0)
M app/assets/images/browse/amenity_bank.16.png (0)
M app/assets/images/browse/amenity_bar.16.png (0)
M app/assets/images/browse/amenity_bench.16.png (0)
M app/assets/images/browse/amenity_bicycle_parking.16.png (0)
M app/assets/images/browse/amenity_biergarten.16.png (0)
M app/assets/images/browse/amenity_cafe.16.png (0)
M app/assets/images/browse/amenity_cinema.16.png (0)
M app/assets/images/browse/amenity_courthouse.16.png (0)
M app/assets/images/browse/amenity_dentist.16.png (0)
M app/assets/images/browse/amenity_doctors.16.png (0)
M app/assets/images/browse/amenity_drinking_water.16.png (0)
M app/assets/images/browse/amenity_embassy.16.png (0)
M app/assets/images/browse/amenity_fast_food.16.png (0)
M app/assets/images/browse/amenity_fire_station.16.png (0)
M app/assets/images/browse/amenity_fuel.16.png (0)
M app/assets/images/browse/amenity_hospital.16.png (0)
M app/assets/images/browse/amenity_nightclub.16.png (0)
M app/assets/images/browse/amenity_pharmacy.16.png (0)
M app/assets/images/browse/amenity_place_of_worship.16.png (0)
M app/assets/images/browse/amenity_police.16.png (0)
M app/assets/images/browse/amenity_prison.16.png (0)
M app/assets/images/browse/amenity_pub.16.png (0)
M app/assets/images/browse/amenity_recycling.16.png (0)
M app/assets/images/browse/amenity_restaurant.16.png (0)
M app/assets/images/browse/amenity_taxi.16.png (0)
M app/assets/images/browse/amenity_theatre.16.png (0)
M app/assets/images/browse/amenity_toilets.16.png (0)
M app/assets/images/browse/amenity_townhall.16.png (0)
M app/assets/images/browse/amenity_waste_basket.16.png (0)
M app/assets/images/browse/bus_station.n.16.png (0)
M app/assets/images/browse/car_share.p.16.png (0)
M app/assets/images/browse/cemetery.png (0)
M app/assets/images/browse/cycleway.20.png (0)
M app/assets/images/browse/education_nursery.p.16.png (0)
M app/assets/images/browse/education_school.p.16.png (0)
M app/assets/images/browse/education_university.p.16.png (0)
M app/assets/images/browse/health_veterinary.p.16.png (0)
M app/assets/images/browse/highway_bus_stop.16.png (0)
M app/assets/images/browse/historic_archaeological_site.16.png (0)
M app/assets/images/browse/historic_memorial.16.png (0)
M app/assets/images/browse/historic_monument.16.png (0)
M app/assets/images/browse/leisure_playground.16.png (0)
M app/assets/images/browse/leisure_water_park.16.png (0)
M app/assets/images/browse/level_crossing.p.16.png (0)
M app/assets/images/browse/library.p.16.png (0)
M app/assets/images/browse/man_made_lighthouse.16.png (0)
M app/assets/images/browse/man_made_water_tower.16.png (0)
M app/assets/images/browse/man_made_windmill.16.png (0)
M app/assets/images/browse/mini_round.p.16.png (0)
M app/assets/images/browse/motorway.20.png (0)
M app/assets/images/browse/path.20.png (0)
M app/assets/images/browse/post_box.p.16.png (0)
M app/assets/images/browse/post_office.p.16.png (0)
M app/assets/images/browse/primary.20.png (0)
M app/assets/images/browse/runway.20.png (0)
M app/assets/images/browse/school.png (0)
M app/assets/images/browse/secondary.20.png (0)
M app/assets/images/browse/shelter2.p.16.png (0)
M app/assets/images/browse/shop_alcohol.16.png (0)
M app/assets/images/browse/shop_bakery.16.png (0)
M app/assets/images/browse/shop_bicycle.16.png (0)
M app/assets/images/browse/shop_books.16.png (0)
M app/assets/images/browse/shop_butcher.p.16.png (0)
M app/assets/images/browse/shop_car_parts.16.png (0)
M app/assets/images/browse/shop_car_repair.16.png (0)
M app/assets/images/browse/shop_clothes.16.png (0)
M app/assets/images/browse/shop_convenience.p.16.png (0)
M app/assets/images/browse/shop_doityourself.16.png (0)
M app/assets/images/browse/shop_electronics.16.png (0)
M app/assets/images/browse/shop_estateagent2.p.16.png (0)
M app/assets/images/browse/shop_florist.16.png (0)
M app/assets/images/browse/shop_furniture.16.png (0)
M app/assets/images/browse/shop_gift.16.png (0)
M app/assets/images/browse/shop_hairdresser.16.png (0)
M app/assets/images/browse/shop_jewellery.16.png (0)
M app/assets/images/browse/shop_mobile_phone.16.png (0)
M app/assets/images/browse/shop_optician.16.png (0)
M app/assets/images/browse/shop_pet.16.png (0)
M app/assets/images/browse/shop_shoes.16.png (0)
M app/assets/images/browse/shop_supermarket.p.16.png (0)
M app/assets/images/browse/taxiway.20.png (0)
M app/assets/images/browse/telephone.p.16.png (0)
M app/assets/images/browse/tertiary.20.png (0)
M app/assets/images/browse/tourism_camp_site.16.png (0)
M app/assets/images/browse/tourism_caravan_site.16.png (0)
M app/assets/images/browse/tourism_hostel.16.png (0)
M app/assets/images/browse/tourism_hotel.16.png (0)
M app/assets/images/browse/tourism_motel.16.png (0)
M app/assets/images/browse/tourism_museum.16.png (0)
M app/assets/images/browse/tourism_picnic_site.16.png (0)
M app/assets/images/browse/track.20.png (0)
M app/assets/images/browse/traffic_light.png (0)
M app/assets/images/browse/transport_rental_bicycle.16.png (0)
M app/assets/images/browse/transport_rental_car.16.png (0)
M app/assets/images/browse/trunk.20.png (0)
M app/assets/images/browse/turning_circle.p.16.png (0)
M app/assets/images/browse/unclassified.20.png (0)
M app/assets/images/browse/view_point.p.16.png (0)
M app/assets/images/cc_button.png (0)
M app/assets/images/closed_note_marker.png (0)
M app/assets/images/closed_note_marker at 2x.png (0)
M app/assets/images/color-palette.svg (152)
M app/assets/images/confirm-illustration.png (0)
M app/assets/images/confirm-illustration.svg (1256)
M app/assets/images/directions.png (0)
M app/assets/images/facebook.png (0)
M app/assets/images/github.png (0)
M app/assets/images/google.png (0)
M app/assets/images/key/cyclemap/bicycle_parking.png (0)
M app/assets/images/key/cyclemap/bicycle_shop.png (0)
M app/assets/images/key/cyclemap/common.png (0)
M app/assets/images/key/cyclemap/cycleway.png (0)
M app/assets/images/key/cyclemap/cycleway_local.png (0)
M app/assets/images/key/cyclemap/cycleway_local13.png (0)
M app/assets/images/key/cyclemap/cycleway_national.png (0)
M app/assets/images/key/cyclemap/cycleway_national13.png (0)
M app/assets/images/key/cyclemap/cycleway_regional.png (0)
M app/assets/images/key/cyclemap/cycleway_regional13.png (0)
M app/assets/images/key/cyclemap/footway.png (0)
M app/assets/images/key/cyclemap/forest.png (0)
M app/assets/images/key/cyclemap/lake.png (0)
M app/assets/images/key/cyclemap/motorway.png (0)
M app/assets/images/key/cyclemap/motorway12.png (0)
M app/assets/images/key/cyclemap/primary.png (0)
M app/assets/images/key/cyclemap/primary12.png (0)
M app/assets/images/key/cyclemap/secondary.png (0)
M app/assets/images/key/cyclemap/secondary12.png (0)
M app/assets/images/key/cyclemap/toilets.png (0)
M app/assets/images/key/cyclemap/track.png (0)
M app/assets/images/key/cyclemap/trunk.png (0)
M app/assets/images/key/cyclemap/trunk12.png (0)
M app/assets/images/key/mapnik/apron.png (0)
M app/assets/images/key/mapnik/bridge.png (0)
M app/assets/images/key/mapnik/bridleway.png (0)
M app/assets/images/key/mapnik/cable.png (0)
M app/assets/images/key/mapnik/construction.png (0)
M app/assets/images/key/mapnik/cycleway.png (0)
M app/assets/images/key/mapnik/destination.png (0)
M app/assets/images/key/mapnik/footway.png (0)
M app/assets/images/key/mapnik/mainroad.png (0)
M app/assets/images/key/mapnik/mainroad12.png (0)
M app/assets/images/key/mapnik/mainroad7.png (0)
M app/assets/images/key/mapnik/mainroad9.png (0)
M app/assets/images/key/mapnik/motorway.png (0)
M app/assets/images/key/mapnik/private.png (0)
M app/assets/images/key/mapnik/runway.png (0)
M app/assets/images/key/mapnik/summit.png (0)
M app/assets/images/key/mapnik/track.png (0)
M app/assets/images/key/mapnik/tunnel.png (0)
M app/assets/images/key/mapnik/unclassified13.png (0)
M app/assets/images/loading.gif (0)
M app/assets/images/mag_map-rss2.0.png (0)
M app/assets/images/map_zoomin.png (0)
M app/assets/images/map_zoomout.png (0)
M app/assets/images/marker-blue.png (0)
M app/assets/images/marker-green.png (0)
M app/assets/images/marker-red.png (0)
M app/assets/images/marker-yellow.png (0)
M app/assets/images/menu-icon.png (0)
M app/assets/images/myopenid.png (0)
M app/assets/images/new.png (0)
M app/assets/images/new.svg (74)
M app/assets/images/new_note_marker.png (0)
M app/assets/images/new_note_marker at 2x.png (0)
M app/assets/images/notice.png (0)
M app/assets/images/notice.svg (74)
M app/assets/images/openid.png (0)
M app/assets/images/openid_input.png (0)
M app/assets/images/openid_small.png (0)
M app/assets/images/osm_logo.png (0)
M app/assets/images/osm_logo.svg (3337)
M app/assets/images/osm_logo_256.png (0)
M app/assets/images/osm_logo_30.png (0)
M app/assets/images/osm_logo_512.png (0)
M app/assets/images/roles/administrator.png (0)
M app/assets/images/roles/administrator.svg (61)
M app/assets/images/roles/blank_administrator.png (0)
M app/assets/images/roles/blank_administrator.svg (90)
M app/assets/images/roles/blank_moderator.png (0)
M app/assets/images/roles/blank_moderator.svg (66)
M app/assets/images/roles/moderator.png (0)
M app/assets/images/roles/moderator.svg (72)
M app/assets/images/routing-sprite.png (0)
M app/assets/images/routing-sprite.svg (574)
M app/assets/images/sign-up-illustration-arm.png (0)
M app/assets/images/sign-up-illustration.png (0)
M app/assets/images/sign-up-illustration.svg (1360)
M app/assets/images/sprite.png (0)
M app/assets/images/sprite.svg (291)
M app/assets/images/tab-icon.svg (9)
M app/assets/images/terms-illustration.png (0)
M app/assets/images/terms-illustration.svg (1621)
M app/assets/images/users/images/user-icons.svg (183)
M app/assets/images/welcome-sprite.png (0)
M app/assets/images/welcome-sprite.svg (289)
M app/assets/images/wikipedia.png (0)
M app/assets/images/windowslive.png (0)
M app/assets/images/wordpress.png (0)
M app/assets/images/yahoo.png (0)
M test/gpx/fixtures/a.gif (0)
M test/gpx/fixtures/b.gif (0)
M test/gpx/fixtures/c.gif (0)
M test/gpx/fixtures/d.gif (0)
M test/gpx/fixtures/f.gif (0)
M test/gpx/fixtures/g.gif (0)
M test/gpx/fixtures/h.gif (0)
M test/gpx/fixtures/i.gif (0)
M vendor/assets/iD/iD/img/arrow-icon.png (0)
M vendor/assets/iD/iD/img/background-pattern-1.png (0)
M vendor/assets/iD/iD/img/background-pattern-opacity.png (0)
M vendor/assets/iD/iD/img/cursor-draw-connect-line.png (0)
M vendor/assets/iD/iD/img/cursor-draw-connect-line2x.png (0)
M vendor/assets/iD/iD/img/cursor-draw-connect-vertex.png (0)
M vendor/assets/iD/iD/img/cursor-draw-connect-vertex2x.png (0)
M vendor/assets/iD/iD/img/cursor-draw.png (0)
M vendor/assets/iD/iD/img/cursor-grab2x.png (0)
M vendor/assets/iD/iD/img/cursor-grabbing.png (0)
M vendor/assets/iD/iD/img/cursor-grabbing2x.png (0)
M vendor/assets/iD/iD/img/cursor-pointing.png (0)
M vendor/assets/iD/iD/img/cursor-pointing2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-acting.png (0)
M vendor/assets/iD/iD/img/cursor-select-acting2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-add.png (0)
M vendor/assets/iD/iD/img/cursor-select-area.png (0)
M vendor/assets/iD/iD/img/cursor-select-area2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-line.png (0)
M vendor/assets/iD/iD/img/cursor-select-line2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-mapillary.png (0)
M vendor/assets/iD/iD/img/cursor-select-mapillary2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-point.png (0)
M vendor/assets/iD/iD/img/cursor-select-point2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-remove.png (0)
M vendor/assets/iD/iD/img/cursor-select-split.png (0)
M vendor/assets/iD/iD/img/cursor-select-split2x.png (0)
M vendor/assets/iD/iD/img/cursor-select-vertex.png (0)
M vendor/assets/iD/iD/img/iD-sprite.svg (1421)
M vendor/assets/iD/iD/img/logo.png (0)
M vendor/assets/iD/iD/img/maki-sprite.svg (2)
M vendor/assets/iD/iD/img/mini-loader.gif (0)
M vendor/assets/iD/iD/img/pattern/cemetery.png (0)
M vendor/assets/iD/iD/img/pattern/construction.png (0)
M vendor/assets/iD/iD/img/pattern/dots.png (0)
M vendor/assets/iD/iD/img/pattern/farmland.png (0)
M vendor/assets/iD/iD/img/pattern/orchard.png (0)
M vendor/assets/iD/iD/img/pattern/vineyard.png (0)
M vendor/assets/iD/iD/img/pattern/wetland.png (0)
M vendor/assets/iD/iD/img/traffic-signs/traffic-signs.png (0)
M vendor/assets/iD/iD/mapillary-js/cover-logo.svg (17)
M vendor/assets/iD/iD/mapillary-js/pano-indicator.svg (4)
M vendor/assets/iD/iD/mapillary-js/pano.svg (21)
M vendor/assets/iD/iD/mapillary-js/pointer-wheat.svg (4)
M vendor/assets/iD/iD/mapillary-js/pointer-white.svg (4)
M vendor/assets/iD/iD/mapillary-js/spinner.svg (2)
M vendor/assets/iD/iD/mapillary-js/turn-around.svg (4)
M vendor/assets/iD/iD/mapillary-js/turn.svg (4)
M vendor/assets/leaflet/images/marker-icon-2x.png (0)
M vendor/assets/leaflet/img/filter-icon.png (0)
M vendor/assets/leaflet/img/move-handle.png (0)
M vendor/assets/leaflet/img/resize-handle.png (0)
M vendor/assets/openlayers/img/cloud-popup-relative.png (0)
-- Patch Links --
https://github.com/openstreetmap/openstreetmap-website/pull/1691.patch
https://github.com/openstreetmap/openstreetmap-website/pull/1691.diff
--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/1691
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20171128/31167081/attachment-0001.html>
More information about the rails-dev
mailing list