how to managedisplay different image sizes in umbraco - Using Umbraco and getting started

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

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
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 6175 posts 24186 karma points MVP 8x admin c-trib

Jul 25, 2016 @ 20:32
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

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 6175 posts 24186 karma points MVP 8x admin c-trib

Jul 26, 2016 @ 10:40

1

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

And write more questions/

Thanks,

Alex

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

How to manage/display different image sizes in umbraco