[openstreetmap/openstreetmap-website] Map tiles are blurry on iOS: suboptimal viewport tag? (Issue #4220)

Stillhart notifications at github.com
Sat Sep 2 13:08:35 UTC 2023


### URL

https://www.openstreetmap.org/#map=14/47.3619/8.5343

### How to reproduce the issue?

1. Open openstreetmap.org on a high resolution iOS device like an iPad or iPhone.
2. Compare the sharpness to the surrounding UI

Devices I used: iPhone 12 mini, iPad Pro 2021

### Screenshot(s) or anything else?

I assume and really hope it's some HTML header tag that's not optimally set, especially the viewport:
`<meta name="viewport" content="width=device-width, initial-scale=1">`
https://github.com/openstreetmap/openstreetmap-website/blob/master/app/views/layouts/_head.html.erb#L3

Maybe it's a fundamental limitation of tiles, then please go on and close this issue. At least it's documented until we get vector tiles :-)

Here are some screenshots to understand the situation. Compare the sharpness of "OpenStreetMap" to the sharpness of the tiles. It's especially noticable around non-map UI.
![IMG_85022](https://github.com/openstreetmap/openstreetmap-website/assets/9038148/65e07eb4-2400-4cf6-a4bc-b7fb6ffc0f70)

Here is the full screenshot
![IMG_8502](https://github.com/openstreetmap/openstreetmap-website/assets/9038148/03d2b465-fd13-45f8-8691-1b5e3937e245)


-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/4220
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/4220 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20230902/b102974d/attachment.htm>


More information about the rails-dev mailing list