Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Elia Franke 5 posts 105 karma points
    Oct 05, 2016 @ 20:29
    Elia Franke
    0

    File Upload resizes all my images

    When I upload an image via the build-in File Upload it gets resized to three different resolutions:

    • 100px * 67px
    • 500px * 334px
    • 1619px * 1080px

    The original image I uploaded had a resolution of 2500px * 1667px.

    I want to use that picture in a size of 1920px width, but can't as each is scaled down to a lower size.

    Is there a way I can configure this in Umbraco?

    Cheers!

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    Oct 05, 2016 @ 21:48
    Alex Skrypnyk
    0

    Hi Elia,

    Look please in Media section directly to your latest image.

    Can you look at size of image in the media section?

    How do you see that all images are resized to 3 different sizes?

    Sorry for silly questions, just want to be sure that I can understand the problem :)

    Thanks,

    Alex

    Copy Link
  • Elia Franke 5 posts 105 karma points
    Oct 10, 2016 @ 21:00
    Elia Franke
    0

    Hi Alex,

    Thanks for asking, sorry I somehow missed the email notification.

    In the backend I can only see 1 resolution:

    Backend

    But when I look in the media folder I see 3 pictures:

    Media on server

    My question was regards why Umbraco automatically down scales my images and how I can configure that.

    Cheers Elia

    Copy Link
  • Elia Franke 5 posts 105 karma points
    Oct 13, 2016 @ 18:50
    Elia Franke
    100

    I just found the answer to my problem:

    I tried to change the upload service in /umbraco/lib/jquery/jquery.upload/js/main.js

    $('#fileupload').fileupload({
    // Uncomment the following to send cross-domain cookies:
    //xhrFields: {withCredentials: true},
    url:'server/php/',
    imageMaxHeight: 2500
});

    I haven't got to really test if it really worked :)

    But either way, I found a work around, it only happens when you use the "drag & drop" upload, so if you browse to the file that resized in Umbrao Media section, and then upload the original file by using the uplaod fil button, and save the node, it keeps it's size.

    https://our.umbraco.org/forum/umbraco-7/using-umbraco-7/47632-Unwanted-resizing-on-uploaded-file#comment-175550

    Copy Link
  • Elia Franke 5 posts 105 karma points
    Oct 13, 2016 @ 18:57
    Elia Franke
    0

    I seem to use a newer version than the guy in the post I quoted before. The actual current location is to in: /Umbraco/lib/jquery-file-upload/jquery.fileupload-image.js

    Line 104:

    $.widget('blueimp.fileupload', $.blueimp.fileupload, {

    options: {
        // The regular expression for the types of images to load:
        // matched against the file type:
        loadImageFileTypes: /^image\/(gif|jpeg|png)$/,
        // The maximum file size of images to load:
        loadImageMaxFileSize: 10000000, // 10MB
        // The maximum width of resized images:
        imageMaxWidth: 1920,
        // The maximum height of resized images:
        imageMaxHeight: 1920,
        // Defines the image orientation (1-8) or takes the orientation
        // value from Exif data if set to true:
        imageOrientation: false,
        // Define if resized images should be cropped or only scaled:
        imageCrop: false,
        // Disable the resize image functionality by default:
        disableImageResize: true,
        // The maximum width of the preview images:
        previewMaxWidth: 80,
        // The maximum height of the preview images:
        previewMaxHeight: 80,
        // Defines the preview orientation (1-8) or takes the orientation
        // value from Exif data if set to true:
        previewOrientation: true,
        // Create the preview using the Exif data thumbnail:
        previewThumbnail: true,
        // Define if preview images should be cropped or only scaled:
        previewCrop: false,
        // Define if preview images should be resized as canvas elements:
        previewCanvas: true
    }
    Copy Link
  • Elia Franke 5 posts 105 karma points
    Oct 13, 2016 @ 19:05
    Elia Franke
    0

    http://issues.umbraco.org/issue/U4-5200# helps also

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies