resize image 600x600 to 100x100 programmatically

Question

i have image which height is 600 and width is also 600 now i want to display that image Programmatically in UIImageView with 100x100. i try but image is not like as original image i add screen shoot of image First is 100x100 and Second is 200x200. second is fine.But first one is not like as original image. any idea what i do Please enter image description here

In.h

@interface ViewController : UIViewController
{
    IBOutlet UIImageView *imageView1;
    IBOutlet UIImageView *imageView2;
}
@end

In.m

- (void)viewDidLoad
{
    [super viewDidLoad];
    imageView1.frame=CGRectMake(100, 50, 100, 100);
    imageView2.frame=CGRectMake(50, 200, 200, 200);
    imageView1.image = [UIImage imageNamed:@"Untitled-7.png"];
    imageView2.image = [UIImage imageNamed:@"Untitled-7.png"];
}

original Image which is 600x600

what is your content mode ? use imageView1.contentMode = UIViewContentModeScaleAspectFit; imageView2.contentMode = UIViewContentModeScaleAspectFit; — Arun, Apr 09 '13 at 06:24
http://stackoverflow.com/questions/2658738/the-simplest-way-to-resize-an-uiimage — Arun, Apr 09 '13 at 06:40
Duplicate http://stackoverflow.com/questions/2645768/uiimage-resize-scale-proportion — Black Maggie, Apr 09 '13 at 06:41

score 18 · Accepted Answer · edited Aug 30 '17 at 17:24

18

Please Try This

UIImage *originalImage = [UIImage imageNamed:@"5.png"];
        CGSize destinationSize = CGSizeMake(100, 100);
        UIGraphicsBeginImageContext(destinationSize);
        [originalImage drawInRect:CGRectMake(0,0,destinationSize.width,destinationSize.height)];
        UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        UIImageView *newImageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];
        newImageView.image = newImage;
        [self.view addSubview:newImageView];

edited Aug 30 '17 at 17:24

Nico Nimz

268
2
15

answered May 08 '13 at 08:55

it is working for square image , but if one need to resize the image in width = 100 and height = 50 then it shrinking . any help regarding this ?? – Shobhakar Tiwari Mar 31 '15 at 08:33

score 5 · Answer 2 · answered Apr 09 '13 at 06:26

5

Try imageView1.contentMode = UIViewContentModeScaleAspectFit;

answered Apr 09 '13 at 06:26

Rui Peres

25,741
9
87
137

Not Work Any Other Suggestion Please – Chirag Dj Apr 09 '13 at 06:36

Bhavin · Answer 3 · 2013-04-29T13:46:46.497

Use this Method :

- (UIImage*)imageWithImage:(UIImage*)image
              scaledToSize:(CGSize)newSize;
{
    UIGraphicsBeginImageContext( newSize );
    [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];
    UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

Call the Method :

CGSize newSize = CGSizeMake(100.0,100.0);
[self imageWithImage:image scaledToSize:newSize];

score 3 · Answer 4 · answered Apr 09 '13 at 06:28

3

Set the content mode

imageView2.contentMode = UIViewContentModeScaleAspectFit;

answered Apr 09 '13 at 06:28

Inder Kumar Rathore

39,458
17
135
184

Not Work Any Other Suggestion Please – Chirag Dj Apr 09 '13 at 06:36
Try with different content modes – Inder Kumar Rathore Apr 09 '13 at 06:37
i try all but image is not change – Chirag Dj Apr 09 '13 at 06:40
If it is fitting great in 200x200 then it must also fit in 100x100. Just remove the 100x100 `UIImageView` and copy 200x200 `UIImageView` and paste it and then change it's size not other properties. – Inder Kumar Rathore Apr 09 '13 at 06:44

score 3 · Answer 5 · answered Jan 25 '17 at 16:34

In swift 3

func createImage(withImage image: UIImage, forSize size: CGSize) -> UIImage? {
    UIGraphicsBeginImageContext(size)
    image.draw(in: CGRect(x: 0, y: 0, width: size.width, height: size.height))
    if let newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() {
        UIGraphicsEndImageContext()
        return newImage;
    }
    return nil
}

score 2 · Answer 6 · answered Dec 10 '18 at 09:07

For Swift 4.2 onwards,

Use this and you'll get non-blur resized image in correct aspect ratio -

class func resizeImage(image: UIImage, targetSize: CGSize) -> UIImage {
    let size = image.size

    let widthRatio  = targetSize.width  / size.width
    let heightRatio = targetSize.height / size.height

    // Figure out what our orientation is, and use that to form the rectangle
    var newSize: CGSize
    if(widthRatio > heightRatio) {
        newSize = CGSize(width: size.width * heightRatio, height: size.height * heightRatio)
    } else {
        newSize = CGSize(width: size.width * widthRatio,  height: size.height * widthRatio)
    }

    // This is the rect that we've calculated out and this is what is actually used below
    let rect = CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height)

    //resizing the rect using the ImageContext
    UIGraphicsBeginImageContextWithOptions(newSize, false, 0)
    image.draw(in: rect)
    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return newImage!
}

According to Developer documentation, below method creates a bitmap-based graphics context with the specified options-

func UIGraphicsBeginImageContextWithOptions(_ size: CGSize, _ opaque: Bool, _ scale: CGFloat)

Parameters-

size: The size (measured in points) of the new bitmap context. This represents the size of the image returned by the UIGraphicsGetImageFromCurrentImageContext() function.

opaque: A Boolean flag indicating whether the bitmap is opaque.

scale: The scale factor to apply to the bitmap. If you specify a value of 0.0, the scale factor is set to the scale factor of the device’s main screen.

Reference- https://developer.apple.com/documentation/uikit/1623912-uigraphicsbeginimagecontextwitho

This is the way. You *have* to do the math to get the aspect ratio consistently. Every other example shows hard-coded values with very simple aspects; this one covers the gamut by doing the math. — ChrisH, Jun 29 '22 at 04:06

score 1 · Answer 7 · answered May 01 '13 at 13:30

1

see this link to resize your images programatically

http://developer.appcelerator.com/question/121517/how-to-scale-image-proportionally http://iphonedevsdk.com/forum/iphone-sdk-development/95666-resize-uiimageview-proportionally.html

answered May 01 '13 at 13:30

iKambad

351
1
2
13

score 0 · Answer 8 · answered Apr 09 '13 at 06:25

0

initialize your imageView with image and then resize it

imageView1 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Untitled-7.png"]];
imageView2 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Untitled-7.png"]];
[imageView1 setFrame:CGRectMake(100, 50, 100, 100)];
[imageView2 setFrame:CGRectMake(50, 200, 200, 200)];

Try it and let me know if it works!

answered Apr 09 '13 at 06:25

Burhanuddin Sunelwala

5,318
3
25
51

Not Work Any Other Suggestion Please – Chirag Dj Apr 09 '13 at 06:35
could u upload the image, so that we can test it on our system – Burhanuddin Sunelwala Apr 09 '13 at 06:39

score 0 · Answer 9 · answered Apr 09 '13 at 06:34

0

Try out this:-

- (void)viewDidLoad
{
    [super viewDidLoad];
    imageView1.frame=CGRectMake(100, 50, 100, 100);
    imageView2.frame=CGRectMake(50, 200, 200, 200);
    imageView1.contentMode = UIViewContentModeScaleAspectFit;
    imageView2.contentMode = UIViewContentModeScaleAspectFit;
    imageView1.image = [UIImage imageNamed:@"Untitled-7.png"];
    imageView2.image = [UIImage imageNamed:@"Untitled-7.png"];
}

enjoy.

answered Apr 09 '13 at 06:34

Kundan

3,084
2
28
65

Not Work Any Other Suggestion Please – Chirag Dj Apr 09 '13 at 06:39
@ChiragDj you check these links:-http://stackoverflow.com/questions/11160464/iphone-dev-any-snippet-to-resize-an-image-and-keep-the-ratio – Kundan Apr 09 '13 at 06:45

score 0 · Answer 10 · answered Apr 09 '13 at 07:41

Try changing this:

imageView1.image = [UIImage imageNamed:@"Untitled-7.png"];

To this:

imageView1.image = [[UIImage imageNamed:@"Untitled-7.png"] resizableImageWithCapInsets:UIEdgeInsetsZero
                                                                          resizingMode:UIImageResizingModeStretch];

score 0 · Answer 11 · answered Dec 20 '16 at 21:52

I like using a category on UIImage, with a method like this:

// Returns a rescaled copy of the image, taking into account its orientation
// The image will be scaled disproportionately if necessary to fit the bounds specified by the parameter
- (UIImage *)resizedImage:(CGSize)newSize interpolationQuality:(CGInterpolationQuality)quality {
    CGRect newRect = CGRectIntegral(CGRectMake(0, 0, newSize.width * self.scale, newSize.height * self.scale));

    UIImage *newImage;
    UIGraphicsBeginImageContextWithOptions(newRect.size, NO, 0.0);
    newImage = [UIImage imageWithCGImage:[self CGImage] scale:0.0 orientation:self.imageOrientation];
    [newImage drawInRect:newRect];
    newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

See this updated repo and this blog post.

This works well for resizing PDF images, especially if you need to stick one in a UIBarButtonItem.

you have interpolationQuality as a parameter but don't use it — Tudor, Aug 12 '21 at 10:27

score 0 · Answer 12 · answered Oct 04 '17 at 10:43

0

Hey if you are already using Alamofire Image Library then you can use following code:

UIImage(named:"image").af_imageScaled(to: CGSize(width: 100, height: 100))

answered Oct 04 '17 at 10:43

kbokdia

439
5
11

resize image 600x600 to 100x100 programmatically

12 Answers12

Linked