[wp-meta] [Making WordPress.org] #7620: The issue of blurry images in the WordPress repository within plugins on the internal page.

[Making WordPress.org]

#7620: The issue of blurry images in the WordPress repository within plugins on
the internal page.
-------------------------------------------------+-------------------------
 Reporter:  alexodiy                             |       Owner:
                                                 |  dufresnesteven
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:
Component:  Plugin Directory                     |  Resolution:
 Keywords:  needs-design-feedback has-           |
  screenshots                                    |
-------------------------------------------------+-------------------------

Comment (by dufresnesteven):

 I've attached a diff that renders:


 {{{
 <div class="plugin-banner" id="plugin-banner-{id}">
   <img
    decoding="async"
    fetchpriority="high"
    src="/banner-772x250.png?rev=2903066"
    srcset="/banner-772x250.png?rev=2903066 772w, /banner-
 1544x500.png?rev=2903066 1544w"
    sizes="(min-width: 900px) 1544px, 772px">
 </div>
 }}}

 It seems to work as we expect:
  - Fixes low res: https://d.pr/i/finypV
    - Loads lower res on DPR = 1 and small viewport
    - Loads higher res on DPR = 1 and larger viewport
  - Loads higher res for other devices: https://d.pr/i/fUxc8A

 I haven't tested this on Edge but it appears like it should work.
 Thoughts?

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/7620#comment:5>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org