Resizing the image to Aspect Fit

Question

I am trying to resize images using the following popular code and it is resizing the image but it is resizing the image as Scale to Fill, I would like to resize them as Aspect Fit. How do I do that?

func resizeImage(image: UIImage, newSize: CGSize) -> (UIImage) {

    let newRect = CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height).integral
    UIGraphicsBeginImageContextWithOptions(newSize, true, 0)
    let context = UIGraphicsGetCurrentContext()

    // Set the quality level to use when rescaling
    context!.interpolationQuality = CGInterpolationQuality.default
    let flipVertical = CGAffineTransform(a: 1, b: 0, c: 0, d: -1, tx: 0, ty: newSize.height )
    context!.concatenate(flipVertical)

    // Draw into the context; this scales the image
    context?.draw(image.cgImage!, in: CGRect(x: 0.0,y: 0.0, width: newRect.width, height: newRect.height))

    let newImageRef = context!.makeImage()! as CGImage
    let newImage = UIImage(cgImage: newImageRef)

    // Get the resized image from the context and a UIImage
    UIGraphicsEndImageContext()

    return newImage
}

I have already set the content mode of image to Aspect Fit but still it is not working.

This is how I called the above code in my collection view controller

 cell.imageView.image =  UIImage(named: dogImages[indexPath.row])?.resizeImage(image: UIImage(named: dogImages[indexPath.row])

I manually selected my image in storyboard and set its content mode to apsect fit

Here is a good extension I have been using to resize my images https://gist.github.com/tomasbasham/10533743#gistcomment-1988471 — Callam, Oct 11 '17 at 01:34
I tried that, they did scale it down to aspect fit but images are blurry — Coder221, Oct 11 '17 at 01:37
Can you share the code as to how you set the image in the view? Also, how do you set the contentMode for the said view? — NSAdi, Oct 11 '17 at 02:01
I used this and it works great http://stackoverflow.com/a/2025413/1926015 — Josh Sklar, Oct 11 '17 at 03:21
I tried that as well, got blurry images and only above code is working for me but images are scaled to fill — Coder221, Oct 11 '17 at 04:11
Why don't you take screen shot of UIImageView having that image in aspect fit — Prashant Tukadiya, Oct 11 '17 at 04:54

Van · Answer 1 · 2017-10-11T06:07:57.897

Did you tried setting the newSize in aspect ratio of original Image size. If you want width fix calculate the height as per width and if you want height fix then calculate width as per height

Calculate height when width is fix:

    let fixedWidth: CGFloat = 200
    let newHeight = fixedWidth * image.size.height / image.size.width
    let convertedImage = resizeImage(image: image, newSize: CGSize(width: fixedWidth, height: newHeight))

Calculate width when height is fix:

    let fixedheight: CGFloat = 200
    let newWidth = fixedheight * image.size.width / image.size.height
    let convertedImage = resizeImage(image: image, newSize: CGSize(width: newWidth, height: fixedheight))

You can use this resized image with aspect fit ratio.

also check the answer: https://stackoverflow.com/a/8858464/2677551, that may help

score 0 · Answer 2 · answered Jun 09 '20 at 08:07

  func scaleImageAspectFit(newSize: CGSize) -> UIImage? { 

            var scaledImageRect: CGRect = CGRect.zero

            let aspectWidth: CGFloat = newSize.width / size.width
            let aspectHeight: CGFloat = newSize.height / size.height
            let aspectRatio: CGFloat = min(aspectWidth, aspectHeight)

            scaledImageRect.size.width = size.width * aspectRatio
            scaledImageRect.size.height = size.height * aspectRatio

            scaledImageRect.origin.x = (newSize.width - scaledImageRect.size.width) / 2.0
            scaledImageRect.origin.y = (newSize.height - scaledImageRect.size.height) / 2.0

            UIGraphicsBeginImageContextWithOptions(newSize, false, 0)
            if UIGraphicsGetCurrentContext() != nil {
              draw(in: scaledImageRect)
              let scaledImage = UIGraphicsGetImageFromCurrentImageContext()
              UIGraphicsEndImageContext()

              return scaledImage
            }
            return nil
          }

Usage :

let resizedImage = oldImage.scaleImageAspectFit(newSize: CGSize(width: nexSize.width, height: nexSize.height))

Resizing the image to Aspect Fit

2 Answers2