Welcome to TalkGraphics.com
Results 1 to 7 of 7

Thread: Retina Images

  1. #1
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,740

    Default Retina Images

    Quick question. With the addition of WEBP, is there still a need for the Retina Images option?

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,749

    Default Re: Retina Images

    Quote Originally Posted by Chris M View Post
    Quick question. With the addition of WEBP, is there still a need for the Retina Images option?
    Chris, there is if the user's browser can't cope with WebP.
    Smartphone browsers come to mind and, of course, people are still using IE11 or worse: https://caniuse.com/?search=webp.

    I had suspected HiSlide wouldn't handle them but it does.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,740

    Default Re: Retina Images

    Looking at the scale you linked to, it's IE on its lonesome. I might have a better look at the possibility of shaving weight and a few seconds of upload time.

    Click image for larger version. 

Name:	Webp Scale.jpg 
Views:	25 
Size:	45.8 KB 
ID:	133524

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,749

    Default Re: Retina Images

    Quote Originally Posted by Chris M View Post
    Looking at the scale you linked to, it's IE on its lonesome. I might have a better look at the possibility of shaving weight and a few seconds of upload time.

    Click image for larger version. 

Name:	Webp Scale.jpg 
Views:	25 
Size:	45.8 KB 
ID:	133524
    Chris, you're missing the point of the WebP inclusion.
    Yes, the Retina and WebP files are uploaded to your server but when a WebP-aware browser accesses your page, it only fetches the WebPs and not the others. The same applies in reverse.
    So, the important part is your viewers get the best experience possible, it is only your rendering time and publish times are greater.
    I develop with WebP off and publish with WebP on.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,740

    Default Re: Retina Images

    Oh, I understand how the browsers work. I just uploaded a site with 52 pages (pretty large for me) and was staring at the files as they ticked over...lots of @2x.
    Hopping into FileZilla, and we now have 4 images for each image. As an example:
    5920.png
    5920.webp
    5920@2x.png
    5920@2x.webp

    The site in question wouldn't be viewed in any seriousness by someone who still uses IE. For the sake of a tick box, why not drastically reduce the image files?
    To be fair, I wouldn't open the project file and upload just for this; but if I have to do an edit (99% chance I will) then I probably will, just to see if there's a noticeable difference in upload time.

  6. #6
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,740

    Default Re: Retina Images

    Curiosity won (and a lack of anything interesting on TV).

    I exported locally:
    With Retina 50.2MB and 1,313 files
    Without Retina 23.8MB and 757 files

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,749

    Default Re: Retina Images

    Quote Originally Posted by Chris M View Post
    Curiosity won (and a lack of anything interesting on TV).

    I exported locally:
    With Retina 50.2MB and 1,313 files
    Without Retina 23.8MB and 757 files
    If you open your index file and go to the Developer's Console > Network > Ctrl+F5, you should see what is actually accessed to render the page.
    Do for with & without Retina and also with WebP.
    It is these times that affect users and sway Google.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •