Viewing Retina Images ver 1.6
Retina Images ver 1.6
|
User: James G. 11 years ago
|
|
| I read this: "If you change the name of an asset to use @2x it will be used appropriately for retina images" in an announcement about EW 1.6. Does this mean we no longer need to upload 2 images to assets, one with @2x and one without? Can we now just upload 1 image with @2x and be done? That would be pretty cool. | |
|
User: Roddy 11 years ago
|
|
|
If you upload just an @2x image, the browser will down sample it for non retina devices. You pay the price of a slower download. If the page downloads in under 3 seconds then I guess it's OK to use the higher resolution image. You need to ask yourself if you really need this kind of quality. I have made my comments about that here… http://everwebcodebox.com/html5/design/design-basics.html Why would you want to force a higher than necessary quality image to be downloaded on a wireless network? Is this image a work of art where the visitor is going to gasp in amazement at the fine detail? Most people who create websites are under the illusion that people actually look at all there images. In reality, they mostly give them a quick glance and move on - especially if they are in one of those ego trip style slideshows that has more than half a dozen images. I think that about 95% of users should forget about retina images. It isn't the answer. Srcset is the future now that most browsers can handle it it but how many "webmasters" want to load up to 4 versions of on image? ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: James G. 11 years ago
|
|
| Thank you for that. I certainly do not want to upload 4 versions, was excited to upload 1 image. The link makes a lot of sense. I think I will limit the number of images on the mobile site | |
|
User: Paul-RAGESW 11 years ago
|
|
|
Quote: Can we now just upload 1 image with @2x and be done? You still need both images. This just means if you rename the asset in the Assets list it will work correctly as the high resolution version as apposed to renaming the file in the Finder and re-adding it to EverWeb's assets. ------------------------------- Paul EverWeb Developer |
|
|
User: James G. 11 years ago
|
|
| Thank you for clarifying this Paul. | |
|
User: Roddy 11 years ago
|
|
|
Quote: I certainly do not want to upload 4 versions You do need to upload 4 versions of the image if you are creating two versions of your website - one for computers and tablets and another for smart phones. If you want to insert them using an <img> tag so that they will be "seen" by the search engines you need to either use retina.js or srcset. I would be more inclined to go for srcset since this has now been implemented in most browsers and is more universally acceptable than Apple's @2x - or certainly will be in the future. A basic example would go like this… <img src="image600.jpg" srcset="image1200.jpg 2x" alt="image alt text" style="width:600px;height:auto;margin:0;padding:0;border:none" /> Srcset is way more complicated than this as it tries to overcome the problems associated with deciding what size of image with which pixel density should be downloaded for a particular device and connection type. There are basically three factors involved… [a] Optimizing the image file size appropriately for each device and internet connection type. [b] Choosing the best image based on the device's resolution [c] Avoiding wasted bandwidth Item [c] is my reason for not using @2x images on a smart phone website since they are one of the main causes of failure to download a web page efficiently on mobile phone networks with limited bandwidth and data limits. I don't see any good reason to use them until Srcset is fully implemented in such a way that the browser can deduce the quality of the connection. A lot of web designers seem to be totally unaware of the effect their inappropriate use of images has on the efficiency of their website's performance and the inconvenience it is causing their visitors who are viewing the site using a cell phone network. A web page that doesn't download in two or three seconds using a broadband connection is going to be totally inadequate for viewing on mobile devices using cellphone networks. I think it's better to use a lower quality image that visitors will actually see rather provide a bunch of high quality ones they won't because they refuse to wait more than 3 seconds for a page to download. A few years back, seven seconds used to be the maximum time that the average surfer would wait for a page to fully download - now it's about 3 due higher expectations and faster broadband speeds. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: James G. 11 years ago
|
|
|
"I don't see any good reason to use them until Srcset is fully implemented in such a way that the browser can deduce the quality of the connection." That is interesting, I never put any thought to this. A new project for me to explore. Hopefully something good comes about from it. |
|
| Post Reply |
| You must login or signup to post. |