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


  • Sameer 6 posts 88 karma points
    Jul 25, 2016 @ 16:54
    Sameer
    1

    How to manage/display different image sizes in umbraco

    Hi There, I am new to Umbraco, I sorry if I am reposting an issue that already discussed. I have following question:

    1. Where to set the multiple Image size so that it can be automatically resized whenever an image is uploaded in Media.
    2. Then how to use these image variations in template. Please provide specific example.

    I don't want to use any add-on, I hope there must be ways to do this in Umbraco 7.

    Thanks in advance.

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    Jul 25, 2016 @ 20:32
    Alex Skrypnyk
    101

    Hi Sameer,

    Welcome to Our forum.

    All what you need is ImageCropper - https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/image-cropper

    ImageCropper is property editor with possibility to store and show images in predefined sizes.

    Razor example of using:

    @Umbraco.TypedMedia(1234).GetCropUrl("banner")

    Where "banner" is alias of predefiened crop.

    A lot of great articles where you can read more:

    https://umbraco.com/follow-us/blog-archive/2014/5/30/developing-a-website-with-responsive-images-using-the-umbraco-v714-image-cropper/

    http://24days.in/umbraco/2014/all-your-images-are-belong-to-umbraco/

    Thanks,

    Alex

    Copy Link
  • Sameer 6 posts 88 karma points
    Jul 26, 2016 @ 10:39
    Sameer
    1

    Hi Alex,

    You are life saver, Thank you very much for this help,

    I am loving Umbraco, I actually shifted from WP toward Umbraco. It truely amazed me.

    Thanks again.

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    Jul 26, 2016 @ 10:40
    Alex Skrypnyk
    1

    Sameer, if this topic is solved, please mark as solution.

    And write more questions/

    Thanks,

    Alex

    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