Rendering for Apple OS devices - layers and pictures
Posted: Fri Aug 23, 2019 1:57 pm
How can I make a website best adjust to Retina resolutions?
1. Images - I can add a retina prepared images (2 x regular image size - image property). They should have a special naming?
2. Layers. There's no option to add retina version of image in the layer. I think it's necessary - those designed for android and web are optimised for fast page loading and good quality.
3. Graphics, vectors I will use all svg - it's scalable and looks great.
http://tomdesign.esy.es
Test page above renders fine for most browser and android devices.
Nonetheless, It looks horrible on Apple devices: Ipad, Ipad Air, Ipad Pro (retina display).
How to make one project that suit both pc/laptop, android devices and apple retina ones? Maybe, some of you specialise in designing mainly for iOS.
Thank you for your suggestions.
1. Images - I can add a retina prepared images (2 x regular image size - image property). They should have a special naming?
2. Layers. There's no option to add retina version of image in the layer. I think it's necessary - those designed for android and web are optimised for fast page loading and good quality.
3. Graphics, vectors I will use all svg - it's scalable and looks great.
http://tomdesign.esy.es
Test page above renders fine for most browser and android devices.
Nonetheless, It looks horrible on Apple devices: Ipad, Ipad Air, Ipad Pro (retina display).
How to make one project that suit both pc/laptop, android devices and apple retina ones? Maybe, some of you specialise in designing mainly for iOS.
Thank you for your suggestions.