[wp-trac] [WordPress Trac] #41884: Twenty Seventeen: responsive (gallery) images are too large

[WordPress Trac]

#41884: Twenty Seventeen: responsive (gallery) images are too large
-------------------------------------------------+-------------------------
 Reporter:  nosilver4u                           |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Future
                                                 |  Release
Component:  Bundled Theme                        |     Version:  4.8.1
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch needs-testing dev-         |     Focuses:
  feedback                                       |
-------------------------------------------------+-------------------------

Comment (by poena):

 I am not able to reproduce this. I am testing on WP 6.7.1, Chrome, macOS.
 I am not seeing any difference if Media Settings, Crop thumbnail to exact
 dimensions is enabled or disabled.

 First, I checked the sizes in the media library. The images are not using
 "large" they are using medium, 300:
 {{{
 <img src="http://67.local/wp-content/uploads/2024/11/campanula-
 alliariifolia-flower-300x300.webp" draggable="false" alt="">
 }}}


 Next, I installed the classic editor plugin, created a new post, and added
 a gallery.
 In the gallery setting, I left the default "size: thumbnail".
 In the post editor, the images are 150:

 {{{
 <img src="http://67.local/wp-content/uploads/2024/11/grid-
 flower-2-150x150.webp" width="150" height="150" alt="">
 }}}

 On the single post and pages, the image is 150:
 {{{
 <img decoding="async" width="150" height="150" src="http://67.local/wp-
 content/uploads/2024/11/grid-flower-2-150x150.webp" class="attachment-
 thumbnail size-thumbnail" alt="" sizes="100vw">
 }}}

 On archives, the image is 150.
 Notice the differences in the sizes attribute compared to the single post.
 This matches the condition in twentyseventeen_content_image_sizes_attr.

 {{{
 <img width="150" height="150" src="http://67.local/wp-
 content/uploads/2024/11/grid-flower-2-150x150.webp" class="attachment-
 thumbnail size-thumbnail" alt="" decoding="async" loading="lazy" sizes
 ="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px)
 543px, 580px">
 }}}

 Finally I deactivated the classic editor plugin and added a gallery block
 without issues.
 The filters added by the theme do not seem to apply.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/41884#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform