[wp-trac] [WordPress Trac] #35043: Images in RSS feed are broken

[WordPress Trac]

#35043: Images in RSS feed are broken
-----------------------------+-----------------------------
 Reporter:  griffinjay       |       Owner:  joemcgill
     Type:  defect (bug)     |      Status:  accepted
 Priority:  normal           |   Milestone:  Future Release
Component:  Media            |     Version:  4.4
 Severity:  normal           |  Resolution:
 Keywords:  has-patch close  |     Focuses:
-----------------------------+-----------------------------

Comment (by joemcgill):

 Hi @lgpref,

 I definitely understand to frustration of trying to sort through several
 different possible causes for why something is broken on your website. In
 this case, I can tell you with some certainty that the issue is a result
 of your server returning "404 not found" errors for the images in
 question. First, the campaign browser link you've shared is not using
 HTTPS, so there is no reason to be concerned about serving non-HTTPS
 resources. The reason `srcset` is relevant is that when an image element
 contains a `srcset` attribute, modern browsers ignore the `src` value and
 choose one of the URLs listed in the `srcset` attribute.

 For the markup of the image your referenced:

 {{{
 <img width="300" height="150"
 src="http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-
 Pierce-opt-300x150.jpg"
 class="attachment-medium size-medium wp-post-image" alt="Glassland Pierce
 opt" style="float: right; margin-left: 5px;"
 srcset="http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-
 Pierce-opt-150x75.jpg 150w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-200x100.jpg 200w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-300x150.jpg 300w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-400x200.jpg 400w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-540x272.jpg 540w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-600x300.jpg 600w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt-768x384.jpg 768w,
 http://library.cedarmill.org/wp-content/uploads/2016/08/Glassland-Pierce-
 opt.jpg 800w"
 sizes="(max-width: 300px) 100vw, 300px" border="0">
 }}}

 You're correct that the `src` image is found on your server, but on a
 retina device, the image requested will most likely be 2x the normal size
 — or in this case: http://library.cedarmill.org/wp-content/uploads/2016/08
 /Glassland-Pierce-opt-600x300.jpg —  and that URL does return a 404.

 If you open up the developer console in Chrome (or whichever browser you
 use) you will see something like [https://cloudup.com/cC7wsDS5_5I this
 screenshot] which shows the 404 errors instead of blocked insecure content
 warnings. I'm not sure why these images are not being found on your
 server, but the first thing to check would be to make sure those images
 files actually have not been removed. If so, you may need to use a plugin
 like [https://wordpress.org/plugins/regenerate-thumbnails/ Regenerate
 Thumbnails] to rebuild those image files.

 For more assistance, I would suggest [https://wordpress.org/support/forum
 /how-to-and-troubleshooting/ opening a support request] and referencing
 this ticket.

 Hope that helps,
 Joe

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