aiwatech

<p>In modern web designs, designers create different sizes of images on the web pages for attractive layout. If a web page is built using wordpress, a developer has to register every image size in theme to make sure, if client uploads an image of different size, it does not break the layout.</p>
<p>With a new WordPress installation, by default it creates three sizes e.g. thumbnail (150 x 150), medium (300×300), large (1024×1024) which means whenever a new image will be uploaded, WordPress will keep at least four copies of images on the server, one original image and 3 cropped image copies based on image sizes.</p>
<p>When developer/designer needs different size of image, they will register more image sizes e.g. hero, product thumbnail, product large image, team member image etc depending on design of the page.</p>
<p>Now lets say we have 3 default and 3 custom image sizes defined in theme, and now whenever a new image will be uploaded, WordPress will create 6 image copies and 1 original image even we need to use only 1 for a specific area on the website, remaining copies will remain on the server and will occupy space. Imagine when we have lots of posts, pages having different images, how many unnecessary images WordPress creates on the server which are useless and just eat server space. In case of Woo-Commerce website if you need to upload a new slider image for home page or a hero image for about page, it will create a lots of copies including different sizes of products image sizes which woo-commerce registers itself.</p>
<p>Ultimately website speed gets effected and server space as well.</p>
<p>To solve this issue, we built a plugin WP Image Sizes this plugin allows user to decide which image sizes should be created for every image being uploaded through WordPress.</p>
<p>After installing WP Image Sizes, it will create a setting page from where user can assign image sizes to each CPT. e.g. user can assign one size for hero/slider CPT, one size for team member, testimonials. After assigning image sizes to each CPT when user will upload a new image, WP Image Sizes will only allow WordPress to create copies of image sizes which were assigned to the CPT.</p>
<p>In case user tries to upload an image from a Media, it will show options in media uploader to select which image size user wants and WP Image Sizes will only create that image size.</p>
<p>WP Image Sizes plugin saves a lot of space on the server and plays a role to make WordPress website a bit fast.</p>
<h3>PRO</h3>
<p>WP Image Sizes plugin is also available in a professional version which includes more features <a href="https://aiwatech.com/product/wp-image-sizes-pro/" rel="nofollow ugc">See here</a></p>


WP Image Sizes

Select the only image sizes for post types you want to be generated. Eliminate unnecessary image sizes.

33themes

Carlos

Pancho Perez

gabrielperezs

Thomas Gr?nvogel

<p>This is an easy and fast way to crop any uploaded image in your wordpress. No more complicated graphical editors, photos of people without head or products with wrong view. Select a thumbnail, edit the crop area and save the new thumbnail image.</p>
<p>This plugin doesn’t create any new file or folder, when it saves the new crop area it rewrites the original thumbnail file, this means it doesn’t affect the theme design 🙂</p>
<h3>Features</h3>
<ul>
<li>The plugin automatically use all images created with the function <em>add_image_size</em> even if they are hard cropped or proportional. More info in https://codex.wordpress.org/Function_Reference/add_image_size#Crop_Mode</li>
<li>“Crop Editor” quick link in media list.</li>
<li>“Crop Editor” link in featured image widget.</li>
<li>“Crop Editor” button inside file details in media manager.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/25dKFOV8toY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
(Thanks to: https://software-lupe.de/review/ttt-crop-thumbnails-auf-mass/)</p>
<h3>How to use it</h3>
<ol>
<li>Select an image, open the image editor and click on the Crop Editor button.</li>
<li>Choose the image size you want and crop it.</li>
</ol>
<h3>Recomendations</h3>
<p>If you are a developer and you need to rebuild the thumbnails we recommend use this plugin: https://wordpress.org/plugins/ajax-thumbnail-rebuild/ it helps you to do it one at a time.</p>
<p>IMPORTANT: Notice that rebuilding thumbnails will overwrite the thumbnails cropped with the TTT Crop plugin.</p>
<h3>Hacks</h3>
<p>Just copy&paste this code into your functions.php</p>
<p><strong>Remove sizes from the editor</strong></p>
<pre><code>add_filter( 'tttcrop_image_sizes', 'custom_tttcrop_image_sizes');
function custom_tttcrop_image_sizes( $sizes ) {
    unset( $sizes['thumbnail'] );
    unset( $sizes['large'] );
    return $sizes;
}
?>
</code></pre>
<p><strong>Remove thumbnails sizes from the editor for an specific post type</strong></p>
<pre><code>function custom_tttcrop_image_sizes_CPT($sizes) {

    foreach ($sizes as $key => $values) {
        if ($key == 'THUMBNAIL-SIZE1')
            $new[ $key ] = $values;
        elseif ($key == 'THUMBNAIL-SIZE1')
            $new[ $key ] = $values;            
    }

    return $new;
}
</code></pre>
<p><strong>Change the name of the image to human friendly names</strong></p>
<pre><code>function local_ttt_crop_human_name($name) {
    switch( $name ) {
        case 'single-slider';
            return 'Home slider image'; break;
        case 'widget-thumbnail';
            return 'Widget small image'; break;

        default:
            return $name; break;
    }
}
add_filter('ttt_crop_human_name','local_ttt_crop_human_name');
</code></pre>
<p>This will change the name of the image inside the tooltip when it is selected.</p>


TTT Crop

Select any thumbnail size from your theme and crop it in a simple way.

WP Image Sizes vs TTT Crop