Uploader Image Resizer

Resize images before upload with the image uploader

Uploader Image Resizer

Imagevue uploader image resizer

The uploader added to the Imagevue X2.5 release, includes the option to resize images before they are uploaded. This makes it much more convenient to upload images without the hassle of having to resize them first manually. No longer do you need to make a copy of your folder with resized images prior to upload. In the uploader module, you also now have the option to choose the size for your resized images!

Important!
If you are a photographer, or generally take pride in the quality and detail of your photos, we recommend you do some tests to see if the resizing quality is acceptable for you. All applications that resize images use slightly different algorithms, causing the resized image output to vary slightly. Our tests show that the resizing used in the uploader is acceptable, but may cause some slightly added “blur” which is only traceable on some photos if you examine details.

How To Resize

To resize images on upload, simply log in to your Imagevue admin and navigate to a folder where you want to upload some images. Click the “upload” button on the top right, and the uploader window will appear. To resize images on upload, make sure you have checked the [ ]Resize to checkbox, and that you are satisfied with the bound box values:

Setting and understanding the Bounding Box

The Bounding box represents the maximum width and height for your resized images. For example, when using the default values of 800 x 800, your image will never be longer than 800px in width or height. If your original image is 4752 × 3168, it will resize to 800 x 533, keeping original aspect of course. If you upload a portrait-aspect image in the same dimensions 3168 x 4752, it will resize to 533 x 800. Basically, it will resize all images within the bounding box limits.

More Examples

If you for some reason want landscape images to be bigger(and longer) than portrait images, you could for example set 800×600 in the bounding box settings. This would create landscape images that are maximum 800 px width, while portrait images would be maximum 600px height. The re may be some logic to this as most screen are horizontal and widescree, can handle wide images, but cannot handle tall images so they might as well be smaller

If you want ALL images to be 800px width no matter what, then set 800 x 99999 in the boundary box settings. This means that no matter what aspect your image is, it will always resize to 800px width, while the height will resize proportionally depending on the aspect. You can also do it the other way around and use the height.

The resizer does not crop images in any way

Other Notes

  • The default resize boundary box parameters are 800 x 800. You can change this by going to admin › settings › uploader, and change the width and height.
  • The default quality of resize images is set to 95. If you really need to change this, you can open the document iv-admin/js/imagevue.upload.js and change the setting on line 7:
    Imagevue.Environment.resizeQuality = 95;
  • The Imagevue uploader is based on SWFupload

2 Responses to "Uploader Image Resizer"

  1. I have tried to upload my photos from an event, and some pics are not uploaded, it says: the picture is too big. and the other pictures, they have the same size and dimensions but they do upload with success.
    Can you please tell me what is the required dimensions and size for the images to be uploaded? because it is not helpful if i have to resize each picture and then upload them to imagevue and resize them once again…

    • Are you even using the image resizer in the uploader? … or are you resizing prior to upload? If you don’t use the image-resizer, or resize your images before upload, there is a chance that your images simply are too big. Why? Because your server may not have the memory capacity to create thumbnails for these large images or even the files may be too big to upload through http. Even if some images upload fine, this does not relate 100% to the memory required to create a thumbnail.

      I would need to look at your server to see exactly why an image doesn’t upload, in addition to knowing if you are resizing. I recommend taking this to the forum http://imagevuex.com/forum


Comments