joppuyo

<p>A field for Advanced Custom Fields that forces the user to crop their image to specific aspect ratio or pixel size after uploading. Using an aspect ratio is especially useful in responsive image use cases.</p>
<p>After cropping, a new cropped image variant is created in the gallery and saved into the post. Thumbnails are also generated for the new image. User can re-crop the original image at any time from the post page.</p>
<p>The cropped image variants are hidden by default in the media browser and on the media page but you can view them by selecting the “list view” on the media page.</p>
<p>There are three modes of operation: aspect ratio, pixel size and free crop. You can select this option when creating the field in ACF field options.</p>
<h4>Aspect ratio</h4>
<p>Use this option if you want the image to be of specific aspect ratio like 16:9 but the pixel size is not important.</p>
<p>After selecting an image, user can select an area from the image that matches this aspect ratio. When crop button is pressed, the area is cropped from the original image.</p>
<p>If you need a smaller image size, you make use of WordPress’s thumbnail functionality to access a smaller version of the image.</p>
<h4>Pixel size</h4>
<p>Use this option if you need a specific pixel size image like 640×480. User will not be able to select an image smaller than the defined pixel size.</p>
<p>After selecting an image, user can select an area from the image they want, which can be larger than the pixel size but may not be smaller. The aspect ratio of the selection is locked according to the pixel size.</p>
<p>When crop button is pressed, the area is cropped from the original image. After the crop is complete, the image will be automatically scaled down to the pixel size. This means the final image will always be the specified size.</p>
<h4>Free crop</h4>
<p>Crop can be done freely, there are no aspect ratio limitations.</p>
<h4>Requirements</h4>
<ul>
<li>WordPress 4.9 or later</li>
<li>PHP 5.6 or later</li>
<li>Advanced Custom Fields 5.8 or later (Pro or Free)</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Polylang Pro</li>
<li>Enable Media Replace</li>
<li>
<p>WP Offload Media, Media Cloud and other plugins that move media files to remote location</p>
</li>
<li>
<p>ACF 5.8 or later (Pro or Free)</p>
</li>
</ul>
<h4>Thanks</h4>
<p>Special thanks to Anders Thorborg for <a href="https://github.com/andersthorborg/ACF-Image-Crop" rel="nofollow ugc">ACF Image Crop</a> which served as a inspiration for this plugin. Also, thanks to Fengyuan Chen for the <a href="https://fengyuanchen.github.io/cropperjs/" rel="nofollow ugc">cropper.js</a> library!</p>


Advanced Custom Fields: Image Aspect Ratio Crop Field

Wow, this plugin is absolutely PHENOMENAL! I sure hope that others will chip in and support this amazing developer. This plugin is perfect for allowing end users to add their own images without breaking your theme design.

I'm so glad I found this plugin.  My sincere thanks to the developer!

THE essential ACF Plugin

ACF field that allows user to crop image to a specific aspect ratio or pixel size

Bytes.co

gschoppe

<p>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 <em>(no more squished aspect ratios)</em>, 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.</p>
<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 <em>img.wpsmartcrop-image</em> 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><strong>NEW!</strong> 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>
<p>WP SmartCrop has been fully tested in the following browsers:</p>
<ul>
<li>Safari</li>
<li>Chrome</li>
<li>Firefox</li>
<li>Microsoft Edge</li>
</ul>
<p>This is by no means an exhaustive list of supported devices; it just represents our primary target platforms.</p>
<h4>Please Rate/Review and Enjoy</h4>
<p>Your Ratings and Reviews help us to direct our development, and help other users know what to expect.</p>


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.

Advanced Custom Fields: Image Aspect Ratio Crop Field vs WP SmartCrop