Bytes.co

gschoppe

WP SmartCrop allows you to set the ‘focal point’ of any image, right from the media library, then crops your images to match your css rules (no more squished aspect ratios), keeping that focal point, not only in view, but as near as possible to a ‘rule of thirds’ position in the image. The results are powerful, composed photos at any screen size, with any constraints.
<ul>
<li>Visually select your images’ focal points with an intuitive click-based interface</li>
<li>Quickly enable or disable smart-cropping on a per-image basis.</li>
<li>Easily target only the images you want to style, with the img.wpsmartcrop-image selector</li>
<li>Automatic image preloader, so your users never see partially loaded images again</li>
<li>Semantic HTML5/CSS3 for modern browsers, with automatic fallback to non-semantic HTML4/CSS2 for older browsers.</li>
<li>Lightweight and fast processing of images, even inside post content</li>
<li>Fully compatible with common caching and optimization plugins and solutions, such as W3 Total Cache, Wordfence, WPEngine’s EverCache, Better WordPress Minify, and Google’s PageSpeed Module.</li>
<li>Lets you take full advantage of the new responsive srcset features added in WordPress 4.4, to make the most of your images.</li>
<li>NEW! Legacy support for existing cropped thumb sizes allows you to see improvements, right out of the box, without changing your CSS!</li>
</ul>
<h3>Compatibility</h3>
WP SmartCrop has been fully tested in the following browsers:
<ul>
<li>Safari</li>
<li>Chrome</li>
<li>Firefox</li>
<li>Microsoft Edge</li>
</ul>
This is by no means an exhaustive list of supported devices; it just represents our primary target platforms.
<h4>Please Rate/Review and Enjoy</h4>
Your Ratings and Reviews help us to direct our development, and help other users know what to expect.

WP SmartCrop

This function should be a core functionality! So when I found this little gem I was so happy.

A small but significant improvement to WP

WP SmartCrop will crop your images on-the-fly to match your CSS, keeping the main focal point in view.

Palasthotel GmbH

greatestview

ATTENTION for WP Version 5+: This plugin does not work with Gutenberg (no problems with Classic Editor plugin though)! Gutenberg brings its own CSS for responsive oEmbed elements, so this plugin would double that and create strange effects.
This plugin uses some minimal CSS rules and a wrapping HTML element to maintain the aspect ratio of oEmbed elements with fixed aspect ratio (e. g. YouTube, Vimeo or Soundcloud).
Unlike other plugins, this plugin does not use any JavaScript!
The aspect ratio is calculated from the (iframe, object or embed) HTML tag width and height attributes. An aspect ratio will only be applied, if both width AND height attributes are given by the oEmbed element and if there is no data-secret attribut set (because those are handled via wp-embed.js). Some oEmbeds have no width or height attributes set, because they calculate their dimension via JavaScript. In those cases this plugin has no effect.
You can find a <a href="https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F" rel="nofollow ugc">list of all oEmbed sites supported by WordPress here</a>.

Responsive oEmbed

Exactly what i'm looking for.

Keep up the good work.

Great Plugin

Makes oEmbed elements with fixed aspect ratio (like YouTube, Vimeo or SoundCloud) scale responsively.

WP SmartCrop vs Responsive oEmbed