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.

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.

Presswell Art Direction vs WP SmartCrop