Support » Fixing WordPress » How To Pad Thumbnails Instead of Crop or Distort

  • I’m building an eCommerce site using eShop and need to have thumbnails that are all the same size. I would prefer them to be padded, not cropped or distorted.

    Does anyone know how to get the Media Library to pad thumbnails instead of cropping them or distorting them. I want thumbnails that include the whole picture without distortion. I know I can do it manually in Photoshop, but that is tedious.

    Is there a plugin that does this or a place I can hook into the thumbnail process to add the code?

    At present I’m using Javascript to pad the thumbnails to the right aspect ratio, but it sometimes causes very poor performance on the iPad.


Viewing 5 replies - 1 through 5 (of 5 total)
  • Heya Peter,

    Given that you indicated you were using JavaScript to “pad” the thumbnails is it safe to assume that you’re not referring to the same sort of padding that comes with the CSS “Padding” selector?

    Thanks James,

    I’m not talking about css padding. The javascript uses width, height, and margin to achieve the desired result.

    I want the thumbnails to be a specific size, so that they can be displayed in a rectangular grid without using tables. The options on WordPress media library are to either stretch the image to fit or crop the image to fit. I want the whole image padded out to the desired size.

    There are plugins that do this google for wordpress plugins resize thubmnail or thing like that(accordingly with what you want to achieve)

    I don’t want to just resize the thumbnail, and yes I know “Google is my friend”

    I want the thumbnail padded out to the desired size, e.g.. if the image is 400×400 and the thumbnail size is 300×200 I want the result to be 300×200, achieved by shrinking the image to 200×200 and then adding 50 pixels of padding on each side, like photoshop does when it displays a gallery.



    Forum Moderator

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How To Pad Thumbnails Instead of Crop or Distort’ is closed to new replies.