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. Responsive images, per image type?
  5. How do I change/modify the_post_thumbnail(); html output?
  6. What’s the best way to use the Featured Image for responsive web design?
  7. How to add a class to the attachment images
  8. Images all broken after migration and upgrade
  9. How do I hook into WordPress to save an uploaded photo as an alternate size to an existing photo?
  10. How to check if image is already stored in a site’s post database? (network)
  11. Adding a custom image upload size and making it selected by default?
  12. Hide custom image sizes from media library
  13. Change the filename format of saved featured images
  14. How to draw media details for Isotope gallery using Photoswipe
  15. How to register images uploaded via FTP in media library?
  16. Create Image Uploader for Widget
  17. Using file_exists to check file in Uploads
  18. Permanently remove first image from posts
  19. Rename image uploads replacing “width” and “height” in filename with “medium”, “large”, “small”
  20. Rename image uploads with width in filename
  21. Admin Media grid view images won’t load
  22. WordPress remove EXIF Data from specific Thumb
  23. Debugging upload problem: What part of WP does actual image-resizing?
  24. How to resize image on client-side before upload?
  25. Adding Featured Image to Post programatically
  26. Add custom image sizes to media uploader
  27. Conditional Statement – check if post has an attachment image
  28. Run shortcode at certain resolution
  29. How to upload imagick resource to media in wordpress
  30. Use Filename for Alt and Title Tags
  31. Change Width of Featured Image Thumbnail on Add/Edit Post Page
  32. Enable custom logo upload if logo is not in header
  33. Why my image upload button is not working in wordpress widget area?
  34. Scrape external webpage for first image and add it to new post
  35. How to make own crop image function for WordPress plugin
  36. “imagejpeg” function is not working in wordpress
  37. Display image from an external rss feed on wordpress without plugins
  38. WordPress automatically adds links to uploaded images
  39. WordPress function when file is uploaded, deleted or edited
  40. Download images from media library to computer in BULK?
  41. Three Questions with Twenty Eleven theme
  42. Reduce size of responsive title
  43. How to loop through all the attached images in a post, and get their url one by one
  44. Which function crops images in wordpress?
  45. Division by zero error in image.php
  46. Resize image to specific dimension (X to Y ratio)
  47. How can I automatically resize up images to fit into all of my registered image sizes
  48. Clickable image link sends people to wrong URL
  49. Only show image from custom field when present
  50. Timthumb.php image gallery not working on Multisite WordPress
  51. Upload non-featured image to image field
  52. HTML showing after PHP code in tag
  53. Only show first image in foreach loop
  54. trying to get wp_get_attachment_url to output clickable link
  55. Change default gallery images – Currently they are displaying full size imagese
  56. I’m unable to call img path using single quotes in an array?
  57. Creating black and white copy of an image [closed]
  58. Get the id of all images in a post
  59. Shortcode function doesnt work without caption
  60. Get featured image with custom size outside WordPress
  61. Images Uploaded saving onto older/previous year folders
  62. Display an image based on field value
  63. Else/If Statement to Display Photo Descriptions
  64. Add valid XHTML closing img tags to WordPress galleries
  65. How to set a featured image (thumbnail) with PHP?
  66. Convert canvas to image and upload image to server
  67. Controlling image output size ACF repeater [closed]
  68. Image rotation issue (horizontal picture uploading as vertical) — Exif issue?
  69. WordPress İmages Upload & Delete Error
  70. How to Make Thumbnail of Post Stay Animated
  71. Attaching images to posts manually (i.e. with custom code, without the use of an API)
  72. Adding a ‘style=’ bit to image_send_to_editor output
  73. Convert all uploaded PNG files to PNG-8 format
  74. foreach repeat html structure after every nth for attachment [closed]
  75. CSS images don’t show up with bloginfo
  76. how to show images without passing it to timthumb.php file for resizing
  77. How to internationalize header image?
  78. Some problems in custom widget
  79. Displaying images outside the content
  80. Checking page before applying image restrictions while uploading
  81. Generate images with html2canvas and the woocommerce api
  82. Change extension to .jpg when webp is not supported
  83. WordPress api post image raw data without being blank in media library
  84. Prepend to all image URLs with PHP, only for mobile devices
  85. Retrieve alt text by referencing the img src
  86. Show next image in array if page is revisited by same logged user
  87. WordPress loading all local images from specific directory?
  88. Change the URL of an image from wp_get_attachment_image_src for Product Posts based on Category
  89. Update Images after edit via php
  90. not outputting medium size image URL
  91. How to use data URL in WordPress?
  92. Replace background image with post thumbnail in shortcode
  93. Resize post thumbnail
  94. Where Do Image Dimensions Get Added To A Filename?
  95. I have a background-image in css file but don’t show in site.how to fix this prblm. i sent screenshot. thx
  96. How do I stop an Image Address from loading in the Browser?
  97. Responsive loop with 3 columns inside row then 2 columns
  98. How to get the url of the entry in which an image belongs
  99. How to add a PHP scripts into WordPress
  100. Featured images duplicating and replacing next image
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)