The satellite images are sharp at zoom 13 and up, fine at zoom 11, but really blurry at zoom 12.
Is there anything I can do to have a better quality?
Note that it's not possible to change the ppi: For carnav scheme, satellite.day and normal.day.custom only normal ppi is accepted.
Here are images from Paris:
Zoom 13: https://1.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/newest/satellite.day/13/4149/2818/512/png8?apiKey=xxx
Zoom 12: https://1.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/newest/satellite.day/12/2074/1409/512/png8?apiKey=xxx
Zoom 11: https://1.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/newest/satellite.day/11/1037/704/512/png8?apiKey=xxx
Related
Can I somehow simulate the 8 inch tablet( 2560 x 1600 pixels, 16:10 ratio (~359 ppi density) ) with big native resolution on RWD mode In Firefox or Chrome? I tried with setting DPI in devtools to 3 without any effect. Maybe there is smarter way to do it?
If that helps the application is ionic 3 for tablets. Thanks for any suggestion.
Is there a way to fix the Retina Blurry icons on cellphones without using the 2x sizing images hack?
I'm a Front-End developer and the Designer is not avaibable to giving me the icons of the Website at the double of its size.
So, I was wondering if there is any way to keep the original icons size and make it looks correctly on cellphones with Retina display.
Small pixel images are automatically enlarged by the browsers and the quality of the anti aliasing is depending on the rendering engine of the browser.
If you don't want to use the media queries #2 trick you could use svg icons instead as vector graphics are cristal sharp on every screen resolution and ppi.
Edit: As mentioned in the comment below you can disable antialias in browsers as described here: Disable antialising when scaling images
But that will not create eg a sharp round circle out of a 16 pixel graphic as the pixels will still be squared pixels (just enlarged)...
I'm trying to make icons for my app's navigation drawer and dashboard but the problem is whenever I try to decrease the size or pixels per inch value of the icons they get pixelated. I tried to redraw them with the pen tool in order to make vectors but the problem lingered. Is there any way to ease around this obstacle?
Why can't you just make icons in 72 ppi?
There is no way to make high quality icons in low ppi
I have a Surface Pro 3 device, which recommend resolution is 2160x1440
But when I try to get resolution using javascript window.screen.width and window.screen.height
the result is 1440x960;
Why the Microsoft doesn't show its true resolution, and why the result is 1440x960?
It's because CSS pixels are not equal to Device pixels.
I have a map with KML layers on it with 3 countries - http://learn.javascript.ru/play/XfYicc
Everything works perfect except zooming - any value I enter - nothing change, e.g.:
zoom: 11,
If I remove KML all works perfect.
Any chance for me to reduce current zoom with KML layer on?