I saw this problem recently on a project, and the answer is to disable responsive image markup. Simply add the below code into your theme’s functions.php
and you are golden:
add_filter( 'wp_calculate_image_srcset', '__return_false' );
Ref: How do I disable responsive images in WP 4.4?
Afterwards, you can insert the Medium Large a.k.a. medium_large
images (if enabled) into your post editor and they will load correctly on the frontend.
For the record I think the Medium Large size is very underrated, and saves tons of time. We use it by default in our free HoverCraft theme for featured images, and also the default size for inserting media too. This is a special image size in WordPress because the width is fixed at 768px wide with auto-height depending on the ratio of the image file you uploaded, which makes theming and layout very easy to automate.
Related Posts:
- Custom responsive ‘featured image’ sizes
- Serve different images per screen size and cache possible?
- WordPress Responsive Image ( srcset ) not work properly
- WP is showing wrong image dimensions
- How do I disable responsive images in WP 4.4?
- Filter to remove image dimension attributes?
- Stop wordpress from hardcoding img width and height attributes
- How to delete resized (cropped) image uploads and prevent future resizing?
- How to automatically add rounded corners to thumbnails?
- WordPress adding scaled images that don’t exist (1536×1536 and 2048×2048)
- WP 4.4. responsive images browser choosing the “wrong” one
- How to insert pictures without hard coded dimensions?
- Is there a hook which fires after all thumbnails are generated?
- Featured image shortcode
- How to find attachment by it’s name?
- Cropped featured image replaces original image in gallery
- Image Scaling using get_the_post_thumbnail issue in WordPress
- How to create thumbnails with a fixed width, so all of them will have the same width?
- How to limit number of images being printer out in “Set Featured Image” pop up?
- Black and White thumbnails
- How can I add the “Use as featured image” to a custom metabox?
- Why are image thumbnails cropped proportionally (not per dimensions)?
- How to output placeholder image if no featured image set?
- Featured Images on Front Page
- Download button for Featured Image in every post – automatically
- custom image size with New Media Manager in wordpress 3.5
- Show prev and next post links for parent post of current image in attachment page?
- wordpress responsive image srcset not working
- Why are image thumbnails cropped proportionally (not per dimensions)?
- Add a featured image in my theme?
- Featured Image .svg height and width 1px only
- Responsive Images Resizing Images
- How to check if user is uploading/setting an image as a featured image?
- Images are randomly deleted from server
- Featured image (responsive) above content is too small after update to WordPress 4.4
- Add Small Image Size to Media Settings
- Lazyload post thumbnails
- Exclude featured image from gallery in wp-admin
- WP Responsive images – upload custom image sizes
- Big Image on Featured Post, Normal on Single Post
- offload media to external services [closed]
- How to create ‘Local’ filters for WordPress srcset sizes in template parts?
- Update old Post image metadata to ‘thumbnail’ wp_attached_file
- How to stop wordpress always displaying full-res images
- WP keeps looking up post thumbnail on https even though wp-config says http
- Using SRCSET with Images and Featured Images
- WordPress PNG compression issue
- How to replace images?
- Fixing image names for a site being restored
- Export xml use/import images from theme directory
- WordPress returns old thumbnail size after changing media settings
- Get custom thumbnail sizes [duplicate]
- the_post_thumbnail(‘medium’) setting some images width=1 height=1
- How to set uploaded image as featured image wordpress
- What can i do add title to ‘large’ image?
- Retrieve Image Attachments Getting Post Thumbnail Image First
- Height and width attribute not setting by the_post_thumbnail
- How to display original unmodified thumbnail
- How to force WordPress to upscale images?
- How to stop WordPress from completely overriding my tags in my templates?
- How to set minimum required size for featured image?
- All Images not calling alt text
- Hide Featured Image box – isn’t working?
- Can we use featured image as third party website image URL
- Show (print) featured image all dimensions (height, width)
- the_content not showing responsive image attributes srcset or sizes
- add_image_size not working
- Product Images Low Quality After Updating From WP 3.5 to 4 [closed]
- adding image to post thumbnail from another server
- Set Featured Image not opening – Stuck at loading
- Convert featured images into “product images”
- How to use the thumbnail size with catch_that_image
- Thumbnail and image management
- Why does WordPress list all image sizes in srcset even if they’re larger?
- my featured image of wordpress are not showing in the front end though image are uploaded in media library
- Responsive header image
- How is called this thumbnail slider feature
- Custom image size not displaying with wp_get_attachment_image()
- How to use default image as featured image by implement some code in function.php
- How to delete original image file after upload and resize
- attachment_fields_to_save first parameter is null
- An error has occurred during the upload process in wordpress version 5.3.2
- Show featured image in all posts
- WordPress 5: including larger thumbnail image sizes in srcset than I have set
- I cannot upload images to post or the media library in wordpress
- Responsive Featured Images Not Working
- built-in responsive images in content – do I need to add anything to functions.php?
- Custom Background for each page and post
- Using custom field to change alt text for a featured image
- Delete post if featured image is smaller than Y pixels by Y pixels
- How to display image thumbnails on the search results page?
- Get custom size of thumbnails
- Url link to feature image in the portfolio [closed]
- Making a thumbnail if there exist a link with. jpg or .png extension in WordPress
- Title image is missing ( but is not the WP 3.5 issue )
- Edit multiple posts featured image
- Remove srcset thumbnail attribute for products in the WooCommerce shopping cart
- How can I scan my entire site for every image to know each image’s size and dimensions and url?
- Control the srcset, image size for get_the_post_thumbnail
- wp_get_attachment_image with custom size not rendering possible 2x srcset image