Get thumbnail image according to the screen

You should not attempt to know the user device on server side, as this kind of thing will mean you will not be able to use any page caching, and it will fail when the browser “window” size changes.

Do such decisions on client side. If it is impossible to simply use CSS, just prepare an appropriate JS array with the URLS of possible images and set the images to the appropriate one based on actual client area detection done in JS.

Related Posts:

  1. How to get image title/alt attribute?
  2. How to disable WordPress from creating thumbnails?
  3. How do you get the post thumbnail size?
  4. set_post_thumbnail_size vs add_image_size
  5. Minimum Dimensions Requirement for Featured Image?
  6. Generate Thumbnails only for Featured Images
  7. How to get all featured image sizes and their URLs?
  8. How to Dynamically Resize WordPress Image On-The-Fly (custom field/theme option)
  9. Display thumbnail only if requested size exists
  10. the_post_thumbnail responsive srcset not populating with custom image size
  11. How to add multiple image sizes of the same size with add_image_size
  12. New image size version only for the Featured Image file
  13. Can’t extract and set SVG dimensions
  14. Getting custom-sized featured image’s URL?
  15. Showing a placeholder/default img, if no featured image is set
  16. Featured image with the same height thumbs returns wrong thumb
  17. How to change the naming of the resized image files
  18. Change Output for Images in Content
  19. Can WordPress crop only the post thumbnails?
  20. Allow user to manually set crop area of default/custom image sizes on upload [closed]
  21. How to get the image sizes, in a function, as per the sizes mentioned in the media settings?
  22. How to change _wp_attachment_metadata specific value in SQL?
  23. Autogenerated Thumbnail compression depending on size
  24. Only create image size when used in featured image
  25. How can I get a different image size, if all I have is the link?
  26. How to get custom image sizes into media uploader dropdown?
  27. WordPress resizes image to the same size as uploaded
  28. add_image_size and add_filter(‘image_size_names_choose’, ‘my_custom_image_sizes’) not working with wordpress 3.5.2
  29. wordpress responsive image srcset not working
  30. How do I get a random image from subset of images in media gallery?
  31. Why are extra 92 pixel square thumbnails created?
  32. wp-cli regenerate media is not working for custom sizes
  33. Upload 3 different featured image sizes to WordPress
  34. Remove dimensions from filename featured image
  35. Can a thumbnail of an animated gif be animated?
  36. WordPress Uploader Editor shows broken image
  37. add_image_size not working with the_post_thumbnail
  38. Why does the Hard Crop option Scale?
  39. How do I set the default “feature image” size?
  40. How to get full absolute url for post attachment?
  41. Thumbnail Cropping with add_image_size?
  42. thumbnails are getting clipped down, want to resize instead
  43. How check that there is post thumbnail feature image or not on wordpress?
  44. If I Regenerate Thumbnails, would WordPress delete the existing Thumbnails and replace them with ‘new copies’?
  45. How to get cropped thumbnail source for custom post type
  46. Exclude featured image from attachment loop
  47. 2 image size for post
  48. adaptive featured images wordpress 4.4 grid
  49. Featured Image Not Working when loaded from sub-domain
  50. Generate image for newly added size
  51. How to both crop (with tool) and resize thumbnails having only a max width constrain?
  52. “Medium” size image displayed instead of “thumbnail” in only one post, other posts are fine
  53. wp_get_attachment_image_src match smallest edge
  54. How to create resized versions of images added with wp_insert_attachment
  55. WordPress returns old thumbnail size after changing media settings
  56. Custom image size in the_content loop
  57. remove and disable image link in functions.php
  58. specify size of post preview image (not post thumbnail)
  59. Display featured image file size, extension, filename, type, orientation?
  60. media-library: how to insert thumbnails with a fixed width, regardless of landscape/portrait orientation
  61. the_post_thumbnail(‘my_image_size’) always outputs full image
  62. Server B handling add_image_size() differently than Server A
  63. Post thumbnail throwing size limit parameters in
  64. Image with large file size not cropping
  65. What can I do if I set a gif as featured image? no thumbnail when i share on facebook
  66. images not showing despite using add_theme_support(‘post-thumbnails’);
  67. Resizing thumbnails retrospectively
  68. Trying to show link “Use as featured image” from Attachment window from t31os script
  69. post thumbnail: increase dimension if smaller than… Possible?
  70. Images uploaded on frontend display correctly but not in media editor.
  71. Generating very small sized thumbnails from featured image
  72. Make image full width
  73. How risize a thumbnail?
  74. Unrestricted height thumbnails
  75. custom thumbnail image size not working
  76. WordPress not creating “large” thumbnails
  77. Is wordpress compressing my images? if so, how to prevent it?
  78. Custom caption output for custom image size
  79. Display post thumbnail in foreach loop
  80. How to attach images that I “insert from url” into the post?
  81. the_post_thumbnail(‘medium’) still gives thumbnail-size img
  82. How to update custom image sizes?
  83. Attachment Image using wrong src?
  84. Create an instance of add_image_size
  85. custom image size not being fetched
  86. Thumbnails are hard cropped not matter what
  87. Featured image size always cropped bottom
  88. Using the_post_thumbnail do not rollback to original image if specified thumbnail does not exist
  89. Missing image size
  90. Post thumbnail not displaying correct size
  91. Making a ‘featured image’ become the image for a full banner (top of page) image in a blog post?
  92. wp_get_attachment_image_src() works on index, but not on Archives
  93. Featured Image, and Image in post
  94. Setting featured image based on related post
  95. Trouble Retrieving Thumbnail URL on Front-Page
  96. Always generate thumbnail after sideloading image
  97. setting featured image is not working while running script in background, works when running that script from browser
  98. Custom image sizes are not used
  99. Editing featured image
  100. How to modify Media Library images DPI [ image quality down to make small in size ] [closed]