Presswell

benplum

Presswell Art Direction helps simplify how custom image thumbnail sizes are defined, cropped, and generated.
Features
<ul>
<li>Control image cropping with hot-spots</li>
<li>Select custom image sizes in the WordPress editor</li>
<li>Dynamically generate image thumbnails</li>
<li>Delete all cached thumbnails</li>
</ul>
Image Cropping
Presswell Art Direction adds the ability to set a focal point hot-spot for all images in the media library for fine grain cropping control. Simply identify where the subject of the photo is and the plugin will crop all custom image thumbnails to ensure it stays in frame.
Thumbnail Sizes
Presswell Art Direction adds an easy to use interface for defining and editing custom image thumbnail sizes. Custom image sizes will be available for selection when inserting images in the post editor.
Dynamic Images
Presswell Art Direction prevents custom image sizes from being generated automatically. Only standard WordPress thumbnails will be generated when a new image is uploaded. All other image sizes will be dynamically generated when called via code or requested via URL, saving server space when many custom image sizes are defined. Note: URL based image generation requires that <a href="https://codex.wordpress.org/Using_Permalinks" rel="nofollow ugc">pretty permalinks</a> are enabled.
<h4>Documentation</h4>
pwad_add_image_size( $args )
<ul>
<li>$args (array) (required) – Keyed array containing <code>name</code>, <code>key</code>, <code>height</code>, <code>width</code>, and optionally <code>thumbnails</code> values; Thumbnail keys are prefixed with parent’s key like ‘[size]-[thumbnail]’</li>
</ul>
Example:
<pre><code>pwad_add_image_size( array(
 'name' => 'Square',
 'key' => 'square',
 'width' => '1200',
 'height' => '1200',
 'thumbnails' => array(
 array(
 'name' => 'Medium',
 'key' => 'medium',
 'width' => '800',
 'height' => '800',
 ),
 array(
 'name' => 'Small',
 'key' => 'small',
 'width' => '400',
 'height' => '400',
 ),
 ),
) );
</code></pre>
pwad_get_image( $attachment_ID, $size_key, $thumbnail_key )
<ul>
<li>$attachment_ID (int) (required) – ID of image attachment</li>
<li>$size_key (string) (required) – Image size identifier; Overload using ‘[size]-[thumbnail]’ pattern</li>
<li>$thumbnail_key (string) (required) – Image size thumbnail identifier</li>
</ul>
Returns an image tag.
Example:
<pre><code>$square_large = pwad_get_image( $img_ID, 'square' );
$square_medium = pwad_get_image( $img_ID, 'square', 'medium' );
$square_small = pwad_get_image( $img_ID, 'square-small' ); // Overloaded
</code></pre>
pwad_get_image_src( $attachment_ID, $size_key, $thumbnail_key )
<ul>
<li>$attachment_ID (int) (required) – ID of image attachment</li>
<li>$size_key (string) (required) – Image size identifier; Overload using ‘[size]-[thumbnail]’ pattern</li>
<li>$thumbnail_key (string) (required) – Image size thumbnail identifier</li>
</ul>
Returns a keyed array containing the <code>file</code>, <code>url</code>, <code>path</code>, <code>height</code>, <code>width</code>, and <code>mime-type</code> values.
Example:
<pre><code>$square_large = pwad_get_image_src( $img_ID, 'square' );
$square_medium = pwad_get_image_src( $img_ID, 'square', 'medium' );
$square_small = pwad_get_image_src( $img_ID, 'square-small' ); // Overloaded
</code></pre>

Presswell Art Direction

Really easy to use, and integrated perfectly with the front end of the site without any extra javascript or CSS required. Perfect add-on.

Very well done

Control how custom image thumbnail sizes are defined, cropped, and generated.

andersthorborg

ACF image crop is an extended version of the native Image-field in ACF. 
The field gives the developer/administrator the option to predefine a size for the image, which the user is prompted to crop on the various edit screens. This solves the common issue of images being cropped inappropriately by the automated center-crop, that wordpress performs.
The plugin supports the defined image sizes as well as a custom option, enabling the developer to specify the dimensions from within the field edit screen.
The field can be configured to enforce a hard crop or a minimal-dimension-based crop. The hard crop will lock the aspect ratio of the crop where as the minimal-dimension-based crop will not allow the user to crop the image below the specified dimensions.
This plugin diverts from plugins like <a href="https://wordpress.org/plugins/manual-image-crop/">Manual Image Crop</a> in that when the user crops an image, a new attachment is generated, so that the relevant crop only applies in the context it is edited. It also keeps the user from dealing with the concept of various image sizes.
As of version 1.0 the field can be configured to either create the cropped image as a media-item (the default behavior) or simply create it and refer directly to the file without adding it to the media library. This will prevent the media library from being cluttered with several cropped versions of the same image. When this option is selected the only available return type for the field is URL.
<h4>Compatibility</h4>
This add-on will work with:
<ul>
<li>version 4 and up</li>
</ul>

Advanced Custom Fields: Image Crop Add-on

So this plugin rocks but it seem to have a bug (might have been fixed), the new image that is generated from the cropping of the image is bigger in files size than the original. 

For example I would crop say 1000x1000px (size 30kbs) image and crop it down too 500x500px and the files size would be 60kbs. Ever time i would re-crop the image it would increase in file size.

Anyway great plugin



Love great plugin but ..

An image field making it possible/required for the user to crop the selected image to the specified image size or dimensions

Presswell Art Direction vs Advanced Custom Fields: Image Crop Add-on