This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Mobile Featured Image

Description

Easily display a mobile featured image on your posts and page!

Up to 70% of website traffic today is on mobile devices. Sometimes WordPress does not quite resize the featured image in the best way. Avoid this and have full control over your featured images on any device with this plugin.

To add a mobile featured image, simply upload a new image in the meta box right below the WordPress Featured Image called Mobile Featured Image. The new image can be a specifically resized version of your featured image or an entirely new image targeted especially for mobile viewers.

You can add your mobile featured image without worrying about slowing down your site. The mobile image is added to the srcset attribute of your featured image. Vistors’ browsers will automatically download the best image for the size of their screen.

This plugin works by filtering the wp_calculate_image_srcset function and changing the url for all screens under 980w to the mobile featured image. 980w is a reliable breakpoint between the iPhone 6+ and the iPad, two common measures for when a mobile image would be needed.

Screenshots

  • The same post, when viewed on a desktop or phone, shows two different images for the featured image
  • Add the mobile featured image in the metabox just below the featured image.

Installation

  1. Upload the mobile-featured-image folder to your /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu

FAQ

Do I have to add a mobile featured image to every post?

Nope! We’ll only add in a mobile version if you’ve added one to the post.

Will the visitor have to download two images now?

Nope! The mobile image is added to the srcset attribute of the featured image. The visitor’s browser will download only the image they need. Leverage responsive images and speed up mobile experiences!

How does the plugin work?

WordPress automatically adds a srcset attribute to your featured image. The srcset tells modern browsers which image is most appropriate for the size of the screen’s device so the visitor doesn’t have to download a giant image to show on a small phone screen.

Reviews

🌸4️⃣ 20, 2018 1 reply
This plugin messes up the wp-admin edit pages: – Many of the page features disappear (e.g.- excerpt, slug, sharing button, Yeost SEO edit boxes) – Screen Options tab on the top will not open, so I can’t reach the settings to turn page features on/off. – A box shows up at the bottom of the sidebar for Mobile Featured Image, but there is no way to select an image – no link. In short, not only does this not allow me to add a smaller featured image for mobile, but it destroys a lot of the other Wordpress admin page functionality. I would love to use this for faster mobile page loads, but it is unusable!
Read all 2 reviews

Contributors & Developers

“Mobile Featured Image” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

Initial release