Where are the src and srcset sizes coming from?

Themes and plugins can use the add_image_size function to define image sizes. Whenever an image is uploaded, WordPress will generate a separate image file for every size that is defined.

Now, when you insert an image in your post, WordPress will ask you which size you want to use by default. This will be the src part of the image tag. Because most themes are responsive these days, WordPress will include other defined image sizes in srcset. Which ones these are is determined by a function called wp_calculate_image_srcset. This function contains several filters that allow you to influence which images are included.

Related Posts:

  1. Generate responsive post thumbnails of same size
  2. Configure WordPress to Use Responsive Image Rendering
  3. Understanding responsive imagery
  4. What’s the best way to use the Featured Image for responsive web design?
  5. Images all broken after migration and upgrade
  6. How to check if image is already stored in a site’s post database? (network)
  7. Adding a custom image upload size and making it selected by default?
  8. Hide custom image sizes from media library
  9. How to draw media details for Isotope gallery using Photoswipe
  10. Create Image Uploader for Widget
  11. Permanently remove first image from posts
  12. Admin Media grid view images won’t load
  13. WordPress remove EXIF Data from specific Thumb
  14. How to resize image on client-side before upload?
  15. Adding Featured Image to Post programatically
  16. Get a Page’s attachments in Gallery order
  17. How to get custom image size for image uploaded in Customizer
  18. Using wp_get_image_editor in a standalone script
  19. Styling images coming from another blog
  20. IMG src weird behaviour inside a single post loop
  21. How to get media objects
  22. PHP code to call image Caption, Alternative Text, and Decription?
  23. How do I let users upload files to a chosen location?
  24. How to get specific image in media library with php
  25. hover image appears below placeholder instead of overlayed
  26. add_image_size for header_image
  27. Add custom url to featured image
  28. Get image’s size name from it’s dimension
  29. Best practice for migration friendly images in posts/pages?
  30. Get the post ID and display the images
  31. Responsive Header for Phone
  32. Reprinting tags with all attributes
  33. Unread Repeater field IMG alt not working
  34. Upload multiple images to a Woocomerce product
  35. What is the alternative to “ when it comes to calling Media (image) files in the ‘attachment.php’ file?
  36. Accessing an image folder inside public web directory
  37. Why is image hard cropping for one image using add_image_size not working?
  38. Enable custom logo upload if logo is not in header
  39. Scrape external webpage for first image and add it to new post
  40. How to make own crop image function for WordPress plugin
  41. WordPress automatically adds links to uploaded images
  42. Which function crops images in wordpress?
  43. Resize image to specific dimension (X to Y ratio)
  44. How can I automatically resize up images to fit into all of my registered image sizes
  45. HTML showing after PHP code in tag
  46. Only show first image in foreach loop
  47. trying to get wp_get_attachment_url to output clickable link
  48. Creating black and white copy of an image [closed]
  49. Shortcode function doesnt work without caption
  50. Get featured image with custom size outside WordPress
  51. Images Uploaded saving onto older/previous year folders
  52. Add valid XHTML closing img tags to WordPress galleries
  53. How to set a featured image (thumbnail) with PHP?
  54. Convert canvas to image and upload image to server
  55. How to Make Thumbnail of Post Stay Animated
  56. Convert all uploaded PNG files to PNG-8 format
  57. foreach repeat html structure after every nth for attachment [closed]
  58. CSS images don’t show up with bloginfo
  59. how to show images without passing it to timthumb.php file for resizing
  60. Some problems in custom widget
  61. Displaying images outside the content
  62. Checking page before applying image restrictions while uploading
  63. Change extension to .jpg when webp is not supported
  64. Prepend to all image URLs with PHP, only for mobile devices
  65. Change the URL of an image from wp_get_attachment_image_src for Product Posts based on Category
  66. Update Images after edit via php
  67. How to use data URL in WordPress?
  68. Replace background image with post thumbnail in shortcode
  69. Resize post thumbnail
  70. Where Do Image Dimensions Get Added To A Filename?
  71. How to get the url of the entry in which an image belongs
  72. Featured images duplicating and replacing next image
  73. Get list of posts from attachment
  74. I can’t load my images from a js file using wp_localize_script
  75. Get the image title and alt from custom query
  76. How to always display full size image
  77. what’s the syntax for if the image exists get the image?
  78. Add div after every 4 posts then every 2 posts for a responsive loop
  79. Retrieving specific images from Media Library
  80. How do I routinely extract the thumbnail of the most recent post?
  81. How to change this internal image link parameter using PHP?
  82. Pass php to database in JQuery: With AJAX?
  83. Retrieve first image url from custom post with pagination
  84. Name Input from widget displays Sidebar name instead of saved data
  85. images in wordpress themes
  86. How to use custom fields to replace top-level parent title with an image using wp_list_pages?
  87. Crop images in both sides on wordpress [duplicate]
  88. How do I return an image from a script
  89. Where to store the images of a custom WordPress theme?
  90. Display Post Titles on top of the_post_thumbnail()
  91. add if statement to the featured image
  92. How to remove the intro animation which appears during the load up of some WordPress themes? [closed]
  93. WooCommerce: write featured image dimensions to custom fields in product’
  94. Generate and upload screenshot as featured image for user-submitted post
  95. bloginfo url in javascript
  96. How Create Automatically Image jpg.webp from image .jpg without delete or change original images upload
  97. Using Featured Image as Hero Background in Word Press
  98. Adding caption to all images inside an article
  99. Restricting Image Upload Sizes using ‘wp_handle_upload_prefilter’ – Stuck media progress bar when Featured Image?
  100. Image alt tag is showing post title instead of Alt Text