joppuyo

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.
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.
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.
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.
<h4>Aspect ratio</h4>
Use this option if you want the image to be of specific aspect ratio like 16:9 but the pixel size is not important.
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.
If you need a smaller image size, you make use of WordPress’s thumbnail functionality to access a smaller version of the image.
<h4>Pixel size</h4>
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.
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.
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.
<h4>Free crop</h4>
Crop can be done freely, there are no aspect ratio limitations.
<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>
WP Offload Media, Media Cloud and other plugins that move media files to remote location
</li>
<li>
ACF 5.8 or later (Pro or Free)
</li>
</ul>
<h4>Thanks</h4>
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!

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

nicunarcisbodea

ilmdesigns

Square Thumbnails PRO will be available soon. All features currently in the free version will remain free and unrestricted.
Square Thumbnails transforms your images into perfect square thumbnails without cropping or distorting them. Instead of cutting off important parts of your images, the plugin fits them entirely within a square frame, similar to CSS <code>background-size: contain</code>. Ideal for WooCommerce shops, portfolios, and image galleries where consistency is essential, but you don’t want to lose parts of your images.
<h3>Key Features</h3>
<ul>
<li>No Cropping: Preserves the entire image within a square frame</li>
<li>Background Options: Transparent or colored backgrounds (custom or auto-detected)</li>
<li>Format Support: Works with JPEG, PNG, GIF, WebP, AVIF, and BMP</li>
<li>Quality Control: Adjustable JPEG quality settings (60-100%)</li>
<li>Selective Processing: Choose which image sizes to convert to squares</li>
<li>Small Image Handling: Special options for handling small images</li>
<li>Individual image regeneration: Easily regenerate only one image from image details page</li>
<li>Bulk Regeneration Option (included): Easily update existing thumbnails with progress tracking. No need to use other plugins to regenerate images</li>
<li>WooCommerce Ready: Perfect for product galleries with uniform thumbnails</li>
<li>Newsletter Integration: Add newsletter subscription forms with Mailchimp integration</li>
</ul>
Perfect for online stores where you want all products to have uniform square thumbnails while maintaining complete product visibility.
I’ve successfully implemented the two requested features for Square Thumbnails version 2.3.0:
<ol>
<li>JPEG Quality Control</li>
</ol>
<ul>
<li>Added a new setting to control JPEG compression quality (60-100%, default 90%)</li>
<li>This allows users to balance between image quality and file size</li>
<li>The setting is applied when saving JPEG images after processing</li>
</ul>
<ol>
<li>Selective Size Processing</li>
</ol>
<ul>
<li>Added the ability to choose which image sizes should be processed as square thumbnails</li>
<li>Displays all registered image sizes with their dimensions</li>
<li>WooCommerce sizes are highlighted in purple and shown first for easy identification</li>
<li>Added quick selector buttons:
<ul>
<li>Select All</li>
<li>Select None</li>
<li>Select WooCommerce Only</li>
<li>Select WordPress Default</li>
</ul>
</li>
<li>
If no sizes are selected, all sizes will be processed (backward compatible)
Additional improvements:
</li>
<li>
Enhanced the settings page layout with two new sections
</li>
<li>Updated JavaScript to handle the new settings</li>
<li>Added proper validation and sanitization for new options</li>
<li>Improved logging to show which sizes are being skipped</li>
<li>
Created comprehensive changelog and documentation
The plugin now offers much more granular control over thumbnail generation, which is especially useful for 
WooCommerce stores that want to optimize performance by only processing the sizes they actually use.
</li>
</ul>
NEW FEATURES
<ol>
<li>
Small Image Handling (v2.2.0)
Purpose: Prevent WooCommerce products from disappearing when using small images
Features:
</li>
</ol>
– Minimum Image Size setting: Set custom threshold (50-1000 pixels) 
 – Small Image Action options: 
 – Skip processing (preserve original) 
 – Process anyway (center on square canvas) 
 – Show error message 
 – Default: Skip images smaller than 200×200 pixels
How to use: 
 1. Go to Media > Square Thumbnails 
 2. Find “Small Image Handling” section 
 3. Set minimum size and choose action for small images 
 4. Save settings
<ol>
<li>
JPEG Quality Control (v2.3.0)
Purpose: Balance between image quality and file size
Features:
</li>
</ol>
– Adjustable JPEG quality (60-100%) 
 – Default: 90% 
 – Applies to all JPEG thumbnails generated
How to use: 
 1. Go to Media > Square Thumbnails 
 2. Find “JPEG Quality” section 
 3. Adjust slider between 60-100% 
 4. Save settings
<ol>
<li>
Selective Size Processing (v2.3.0)
Purpose: Process only specific image sizes, perfect for WooCommerce optimization
Features:
</li>
</ol>
– Choose which image sizes to make square 
 – Quick selectors: 
 – Select All 
 – Select None 
 – Select WooCommerce Only 
 – Select WordPress Default 
 – WooCommerce sizes highlighted in purple
How to use: 
 1. Go to Media > Square Thumbnails 
 2. Find “Selective Size Processing” section 
 3. Check/uncheck sizes to process 
 4. Use quick selectors for common combinations 
 5. Save settings
<ol>
<li>
Bulk Thumbnail Regeneration (v2.3.0)
Purpose: Regenerate existing thumbnails with current settings
Features:
</li>
</ol>
– Progress bar with real-time updates 
 – Batch processing (5 images at a time) 
 – Force regeneration option 
 – Selective size regeneration
How to use: 
 1. Go to Media > Square Thumbnails 
 2. Find “Regenerate Thumbnails” section 
 3. Select sizes to regenerate 
 4. Check “Force regeneration” if needed 
 5. Click “Start Regeneration” 
 6. Watch progress bar until complete
<ol>
<li>
Media Library Integration (v2.3.0)
Purpose: Regenerate thumbnails directly from Media Library
Features:
</li>
</ol>
– Individual image regeneration button 
 – Bulk action for multiple images 
 – Real-time feedback 
 – Admin notices for results
How to use:
For single images: 
 1. Go to Media > Library 
 2. Click on any image 
 3. Find “Square Thumbnails” section 
 4. Click “Regenerate Square Thumbnails” 
 5. Wait for success message
For multiple images: 
 1. Go to Media > Library 
 2. Select images using checkboxes 
 3. Choose “Regenerate Square Thumbnails” from Bulk Actions 
 4. Click “Apply” 
 5. See admin notice with results
KEY IMPROVEMENTS
<ul>
<li>Performance: Only processes selected sizes, reducing server load</li>
<li>WooCommerce Compatibility: Prevents product display issues with small images</li>
<li>User Experience: Better feedback with progress bars and admin notices</li>
<li>Flexibility: Granular control over which sizes to process</li>
<li>Convenience: Regenerate thumbnails without leaving Media Library</li>
</ul>
<h4>Features</h4>
<ul>
<li>Creates square thumbnails without cropping</li>
<li>Aligns images horizontally and vertically within the square frame</li>
<li>Supports custom background colors or auto-detection from image</li>
<li>Option for transparent backgrounds (PNG, WebP, AVIF)</li>
<li>Creates all intermediate sizes, even for smaller images</li>
<li>Apply to original images or just thumbnails</li>
<li>Support for modern image formats (WebP, AVIF)</li>
<li>Small image handling options to prevent WooCommerce display issues</li>
<li>Configurable minimum image size settings</li>
</ul>
<h4>Perfect for</h4>
<ul>
<li>WooCommerce product galleries</li>
<li>Portfolio websites</li>
<li>Image galleries</li>
<li>Any site requiring consistent square thumbnails</li>
</ul>

Square Thumbnails

Creates square thumbnails from images without cropping. Works like CSS background-size: contain.

Advanced Custom Fields: Image Aspect Ratio Crop Field vs Square Thumbnails