the_content not showing responsive image attributes srcset or sizes

I just worked out why it wasn’t working.

In order for WordPress to generate the srcset and size attributes for images in the_content, it must have a class associated with it indicating the image attachment id (for example, ‘wp-image-41’).

This is automatically attached to the image when it is inserted via the editor.

Unfortunately, in my older posts, all this class information has been stripped. Will have to go back through and re-insert the classes 🙁

Related Posts:

  1. How do I disable responsive images in WP 4.4?
  2. WP 4.4. responsive images browser choosing the “wrong” one
  3. How to insert pictures without hard coded dimensions?
  4. Making WordPress Gallery (.gallery-item) Responsive?
  5. WP 4.4 aspect ratio with responsive image
  6. How can I serve different images depending on screen size with wordpress
  7. add data-attribute to all images inside the_content()
  8. How to Make WordPress Default gallery responsive on mobile?
  9. Responsive background images added inline
  10. Responsive Images – Add srcset attributes to custom Images Function
  11. Get a list of all image sizes that match aspect ratio of original one
  12. How to exclude an image size from the WordPress srcset
  13. Responsive Images Resizing Images
  14. Featured image (responsive) above content is too small after update to WordPress 4.4
  15. How to display a different image size for mobile
  16. WP Responsive images – upload custom image sizes
  17. Fuzzy Images in WordPress 4.4
  18. Removing height and width from images with a caption
  19. Extracting gallery images in WordPress 3.5 on index.php
  20. How to create ‘Local’ filters for WordPress srcset sizes in template parts?
  21. Multiple amp-image overlays. How to properly do this in wordpress?
  22. Fallback for missing srcset images
  23. max_srcset_image_width doesn’t work as intended
  24. Using SRCSET with Images and Featured Images
  25. Omit image captions from get_the_content()
  26. Understanding WordPress image sizes and responsive images
  27. Custom responsive ‘featured image’ sizes
  28. One of my image sizes isn’t showing up in srcset
  29. How to stop WordPress from completely overriding my tags in my templates?
  30. Adding srcset to an image in ajax
  31. Serve different images per screen size and cache possible?
  32. Disable Media File Image Link On Mobile Devices
  33. All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
  34. Why does WordPress list all image sizes in srcset even if they’re larger?
  35. How to remove image size inline style in article and include caption
  36. Responsive header image
  37. What’s are some best practices for responsive images (e.g. for section headers)?
  38. How to get title of images in post content
  39. WordPress Responsive Image ( srcset ) not work properly
  40. Responsive Images – Defining
  41. Decide how Hero image appears on mobile
  42. Responsive Featured Images Not Working
  43. Responsive images with srcset
  44. Getting extra image links in code with wp_get_attachment_image
  45. built-in responsive images in content – do I need to add anything to functions.php?
  46. Why do images inserted in the post content via the_content() go off the max-width?
  47. Responsive images in Bootstrap 4 slider
  48. WordPress not choosing the right image from srcset
  49. Responsive Images in WordPress
  50. How to best adjust images to a max content width of 490px?
  51. Filter the_content() to add custom figure tags
  52. Removing image dimensions from `the_content`
  53. Show uploaded images in full size
  54. Is there a good way to use CMS images with CSS
  55. How to access & display images from a post without textual content ( and vice versa) according to best wordpress practices
  56. Remove one srcset entry from wp_get_attachment_image
  57. Generate / attach Image srcsets from ACF Image Field
  58. Remove srcset thumbnail attribute for products in the WooCommerce shopping cart
  59. wp_get_attachment_image with custom size not rendering possible 2x srcset image
  60. medium_large image size not displaying properly on the frontend?
  61. get_post_gallery with Gutenberg
  62. Saving the pre-sanitized filename of an attachment as the Title or Caption
  63. Add aditional class to get_avatar when showing image
  64. Double thumbnails?
  65. Alter media caption/description conflict in WordPress?
  66. No srcset for hard-cropped thumbnails
  67. Loop through child images of a parent for a Nivo Slider
  68. Limit author image size
  69. Remove the http protocol from images
  70. Display one random image, but only if landscape
  71. How to change image url?
  72. How to order images in a post in WordPress 3.3?
  73. Override img class in gallery
  74. Change image url size in post editor (when cliking on image)
  75. Set jpeg_quality for certain post-types
  76. image uploaded cant be shown
  77. WordPress automatically downscaled images larger that original
  78. I got an issue after i migrated a site
  79. I want to use the GD image editor for just one function then switch back to ImageMagick
  80. Where is the right place to store custom images?
  81. Load Gallery Images with Title on Homepage BX Slider
  82. Resize images in batch
  83. Advice on image heavy site, compression and slow page loads
  84. Auto delete pictures in media library by age
  85. Show last 12 uploaded images on home page, but only from posts
  86. Link to full-size image for subscriber only
  87. Thumbnail and image management
  88. Change Image Size option in the settings in bulk
  89. Allow wp media library to check already selected images displayed in div
  90. Rebuilding core image block
  91. Custom image size with srcset
  92. How to source control manage site images
  93. Server peek by Own-IP-Calls?
  94. Change Featured Image Size of the Post
  95. Function the_content
  96. Surround uploaded image link with div
  97. Check if post has image
  98. how do i update version for super skeleton
  99. How to have the frontend show the appropriate image size?
  100. Copy Content with Images to Other Site