Image Resizing In Swift

Hello guys, Today we learn about Image Resizing In Swift.

In this blog, we see how to resize the image when we upload the image from the Gallery or Camera by using an image picker.

Why we use Image Resizing In Swift:-

Sometimes we need to upload fixed height and width images from the gallery or camera when we take the image from the media it will be in some fixed size and we want to take some fixed size of the image, At that time we need to use the image resizing function.

UIGraphicsBeginImageContextWithOptions(newSize, false, 1.0)
        image.draw(in: CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height))
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

UIGraphicsBeginImageContextWithOptions(newSize, false, 1.0)

image.draw(in: CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height))

let newImage = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsEndImageContext()

Getting Started:- Let’s take an example, for this, I am creating a design in my storyboard.

Step1:- Firstly, create a new Xcode project

File–> New–> Project –> Ios –> next And Add your project name then create.

Step2:- Secondly, create a UI Screen on the storyboard. here I am taking image View and two text fields, one for image width and the second one for image height, and the upload image button for uploading the image from the gallery.

Then, create an outlet in the view control class

class ViewController: UIViewController {

    @IBOutlet weak var widthTF: UITextField!
    @IBOutlet weak var image: UIImageView!
    @IBOutlet weak var heightTf: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

 @IBAction func uploadPicTBtnapp(_ sender: Any) {
  
        
    }
}

class ViewController: UIViewController {

@IBOutlet weak var widthTF: UITextField!

@IBOutlet weak var image: UIImageView!

@IBOutlet weak var heightTf: UITextField!

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

}

@IBAction func uploadPicTBtnapp(_ sender: Any) {

}

Step3:- Now, Add the code for the functionality.

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var widthTF: UITextField!
    @IBOutlet weak var image: UIImageView!
    @IBOutlet weak var heightTf: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBAction func uploadPicTBtnapp(_ sender: Any) {
  
        let picker = UIImagePickerController()
        picker.sourceType = .photoLibrary
        picker.delegate = self
        picker.allowsEditing = false
       
        self.present(picker, animated: true, completion: nil)
        
    }
   
}

extension ViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate{
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {
        // Local variable inserted by Swift 4.2 migrator.
      
        var width = ""
        var height = ""
        if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {
            if widthTF.text != ""{
                width  = widthTF.text!
            }else{
                width = "100"
            }
            if heightTf.text != ""{
                height  = heightTf.text!
            }else{
                height = "100"
            }
            let widthValue = Int(width) ?? 381
            let heightValue = Int(height) ?? 492
            
            let scaledImage: UIImage = imageValue(with: image, scaledTo: CGSize(width: widthValue, height: heightValue))
            self.image.image = scaledImage
      } else {
            print("Something went wrong")
        }
        
        picker.dismiss(animated: true, completion: nil)
    }
   
    func imageValue(with image: UIImage, scaledTo newSize: CGSize) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(newSize, false, 1.0)
        image.draw(in: CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height))
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
       // drawingImageView.image = newImage
        return newImage ?? UIImage()
    }
}

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var widthTF: UITextField!

@IBOutlet weak var image: UIImageView!

@IBOutlet weak var heightTf: UITextField!

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

}

@IBAction func uploadPicTBtnapp(_ sender: Any) {

let picker = UIImagePickerController()

picker.sourceType = .photoLibrary

picker.delegate = self

picker.allowsEditing = false

self.present(picker, animated: true, completion: nil)

}

extension ViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate{

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {

// Local variable inserted by Swift 4.2 migrator.

var width = ""

var height = ""

if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {

if widthTF.text != ""{

width = widthTF.text!

}else{

width = "100"

}

if heightTf.text != ""{

height = heightTf.text!

}else{

height = "100"

}

let widthValue = Int(width) ?? 381

let heightValue = Int(height) ?? 492

let scaledImage: UIImage = imageValue(with: image, scaledTo: CGSize(width: widthValue, height: heightValue))

self.image.image = scaledImage

} else {

print("Something went wrong")

}

picker.dismiss(animated: true, completion: nil)

}

func imageValue(with image: UIImage, scaledTo newSize: CGSize) -> UIImage {

UIGraphicsBeginImageContextWithOptions(newSize, false, 1.0)

image.draw(in: CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height))

let newImage = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsEndImageContext()

// drawingImageView.image = newImage

return newImage ?? UIImage()

}

Here we are using an image picker controller to upload the image, To know about the working of Image picker functionality Please click here.

Now, run the code and see the output

Conclusion:-

In this blog, we discussed Image Resizing In Swift.

I hope this blog will help you to understand the working of Image Resizing.

Thanks for reading!!!

Image resizing Resizing

Khushboo Gupta

28 Feb, 2022
Created by - Khushboo Gupta

. . .

Image Resizing In Swift

Why we use Image Resizing In Swift:-

Conclusion:-

Leave a Comment Cancel Reply

Message Sent!