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 do I hook into WordPress to save an uploaded photo as an alternate size to an existing photo?
  7. How to check if image is already stored in a site’s post database? (network)
  8. Adding a custom image upload size and making it selected by default?
  9. Hide custom image sizes from media library
  10. How to draw media details for Isotope gallery using Photoswipe
  11. Create Image Uploader for Widget
  12. Permanently remove first image from posts
  13. Admin Media grid view images won’t load
  14. WordPress remove EXIF Data from specific Thumb
  15. How to resize image on client-side before upload?
  16. Adding Featured Image to Post programatically
  17. Run shortcode at certain resolution
  18. Get a Page’s attachments in Gallery order
  19. How to get custom image size for image uploaded in Customizer
  20. Using wp_get_image_editor in a standalone script
  21. Styling images coming from another blog
  22. IMG src weird behaviour inside a single post loop
  23. How to get media objects
  24. PHP code to call image Caption, Alternative Text, and Decription?
  25. How do I let users upload files to a chosen location?
  26. Change the URL of an image from wp_get_attachment_image_src except in the frontpage
  27. How to get specific image in media library with php
  28. hover image appears below placeholder instead of overlayed
  29. add_image_size for header_image
  30. Add custom url to featured image
  31. Get image’s size name from it’s dimension
  32. Best practice for migration friendly images in posts/pages?
  33. Get the post ID and display the images
  34. Responsive Header for Phone
  35. Reprinting tags with all attributes
  36. Unread Repeater field IMG alt not working
  37. Upload multiple images to a Woocomerce product
  38. What is the alternative to “ when it comes to calling Media (image) files in the ‘attachment.php’ file?
  39. Accessing an image folder inside public web directory
  40. Why is image hard cropping for one image using add_image_size not working?
  41. Enable custom logo upload if logo is not in header
  42. Scrape external webpage for first image and add it to new post
  43. How to make own crop image function for WordPress plugin
  44. WordPress automatically adds links to uploaded images
  45. Timthumb.php image gallery not working on Multisite WordPress
  46. HTML showing after PHP code in tag
  47. trying to get wp_get_attachment_url to output clickable link
  48. Change default gallery images – Currently they are displaying full size imagese
  49. Creating black and white copy of an image [closed]
  50. Shortcode function doesnt work without caption
  51. Get featured image with custom size outside WordPress
  52. Images Uploaded saving onto older/previous year folders
  53. Display an image based on field value
  54. Add valid XHTML closing img tags to WordPress galleries
  55. How to set a featured image (thumbnail) with PHP?
  56. Convert canvas to image and upload image to server
  57. Image rotation issue (horizontal picture uploading as vertical) — Exif issue?
  58. How to Make Thumbnail of Post Stay Animated
  59. Adding a ‘style=’ bit to image_send_to_editor output
  60. Convert all uploaded PNG files to PNG-8 format
  61. CSS images don’t show up with bloginfo
  62. Some problems in custom widget
  63. Displaying images outside the content
  64. Checking page before applying image restrictions while uploading
  65. Generate images with html2canvas and the woocommerce api
  66. Change extension to .jpg when webp is not supported
  67. Prepend to all image URLs with PHP, only for mobile devices
  68. Retrieve alt text by referencing the img src
  69. Show next image in array if page is revisited by same logged user
  70. Update Images after edit via php
  71. Replace background image with post thumbnail in shortcode
  72. Responsive loop with 3 columns inside row then 2 columns
  73. How to get the url of the entry in which an image belongs
  74. Get list of posts from attachment
  75. Get the image title and alt from custom query
  76. How to include different html tags in the header for different pages?
  77. How to always display full size 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. add class to background image
  82. My customizer’s setting doesn’t set to the default and needed to click the control’s “Default” button before it’ll be set
  83. Save the outputted image into the Media Library, with a different filename and extension
  84. Removing backstretch image from pages/posts
  85. Pass php to database in JQuery: With AJAX?
  86. Creating image gallery in wordpress
  87. Name Input from widget displays Sidebar name instead of saved data
  88. Display WP posts in 3 responsive columns
  89. Gallery requires a featured image but does not show it in posts/pages
  90. Changing 2011 theme header image based on user dropdown
  91. images in wordpress themes
  92. How to use custom fields to replace top-level parent title with an image using wp_list_pages?
  93. How do I return an image from a script
  94. Display Post Titles on top of the_post_thumbnail()
  95. add if statement to the featured image
  96. WooCommerce: write featured image dimensions to custom fields in product’
  97. Generate and upload screenshot as featured image for user-submitted post
  98. bloginfo url in javascript
  99. Using Featured Image as Hero Background in Word Press
  100. Adding caption to all images inside an article
tech