WP hard crop vs soft crop


In Wordpress, During work with Media Gallery Image upload i see that my uploaded image hard cropped to a specif size thumnail with some part of the image is chopped off.

so i tried to find out reason and setting provided by Wordpress framework. within few moment search i find out that in Wordpress there is setting for "Crop thumbnail to exact dimensions" with checkbox inside WordPress Dashboard > Media > Thumbnail size

With “Crop thumbnail to exact dimensions” option check and uncheck  we getting different types uploaded images thumbnail.



See Generate Custom size thumb in Wordpress

Example  : Im using following Wordpress logo image with orizinal size width 473 px and height  348 px



Checkbox checked - Hard Crop Image

The uploaded image is cropped to a thumbnail of 150 x 150 Px. here we can see that how some part of the image is chopped off so that it can fit it into the hard set 150px x 150px size.



Checkbox un-checked - Soft Crop Image
with soft crop case thumb of image should be generated with  either given width or height width (Contstrain Proportions) and corresponding width or height without chopped images.

Below thumbnail generated with 150px width and 110px height in soft cropped case.


while we install wordpress than by default checkbox checked so all thumbnail images will be hard cropped by default and all uploaded images  chopped off as .

WordPress by default checks this checkbox for you when installed so all your thumbnail images will be hard cropped by default. I personally don’t think that’s a good idea and always turn the checkbox off so my resized thumbnails still sees the full picture, instead of a cropped/chopped off thumbnail image.

if you want your uploaded images all thumbnail generated with the full picture instead of a cropped/chopped original image than i suggest keep unchecked (off) option "Crop thumbnail to exact dimensions" checkbox that is inside WordPress Dashboard > Media > Thumbnail size

References  : davidtan.org

Post a Comment

1 Comments

Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)