How to capture high resolution image from UIView

Question

I hope you all are safe.

I know this question asked several times but not getting a perfect answer.

I just wanted to capture an image from UIView with high resolution the main this is that image should not be a blur.

I have tried this code

extension UIView {
    func asImage() -> UIImage {
            let renderer = UIGraphicsImageRenderer(size: self.bounds.size)
            let capturedImage = renderer.image {
                (ctx) in
                self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
            }
            return capturedImage
    }
}

Right now while I capture the image and zoom the text is blurred.

Thanks in advance

Edited I am trying to create high-resolution image from UIView. When I zoom 1 part of image the text is blurred.

Please check below image

Will that be possible to share the solution, I am trying other ways, but it doesn't seems to work. — Parvez Belim, Dec 21 '20 at 05:45

score 9 · Answer 1 · answered May 03 '21 at 04:27

You can set contentScaleFactor property to get clarity as described in this.

For example you can use following code,

extension UIView {
    
        func scale(by scale: CGFloat) {
             self.contentScaleFactor = scale
             for subview in self.subviews {
                 subview.scale(by: scale)
             }
         }
    
         func takeScreenshot(with scale: CGFloat? = nil) -> UIImage {
             let newScale = scale ?? UIScreen.main.scale
             self.scale(by: newScale)
             let format = UIGraphicsImageRendererFormat()
             format.scale = newScale
             let renderer = UIGraphicsImageRenderer(size: self.bounds.size, format: format)
             let image = renderer.image { rendererContext in
                 self.layer.render(in: rendererContext.cgContext)
             }
             return image
         }
}

Get high resolution image by,

let image = myView.takeScreenshot(with: 5.0)

thanks, It's give me high resolution image while take snapshot of view which contains background image and text — Hitesh, Jul 29 '21 at 18:17
Excellent, I have been trying multiple functions but this one worked for me. Thank you. — Timchang Wuyep, Aug 24 '23 at 23:31

Alex · Answer 2 · 2020-05-21T21:04:15.877

1

extension UIView {
    func takeScreenshot() -> UIImage? {
        var screenshotImage :UIImage?
        let layer = self.layer
        let scale = UIScreen.main.scale
        UIGraphicsBeginImageContextWithOptions(layer.frame.size, false, scale)
        self.drawHierarchy(in: layer.bounds, afterScreenUpdates: true)
        screenshotImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return screenshotImage
    }
}

Or maybe you can scale your view (or temporary copy of view) and then take a screenshot.

edited May 21 '20 at 21:04

answered May 21 '20 at 20:05

Alex

2,100
19
26

Thanks for your answer... but getting the same result. – seggy May 21 '20 at 20:37
try to scale view and then take a screenshot @seggy – Alex May 21 '20 at 21:05

Jawad Ali · Answer 3 · 2020-05-21T20:27:01.343

0

extension UIImage {

    convenience init(view: UIView) {

        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
        view.drawHierarchy(in: view.bounds, afterScreenUpdates: false)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: (image?.cgImage)!)

    }
}

using:

let img = UIImage.init(view: self.yourView)

edited May 21 '20 at 20:27

answered May 21 '20 at 20:02

Jawad Ali

13,556
3
32
49

Thanks for your answer. Just updated my question please check and I tried above code also. – seggy May 21 '20 at 20:16
Still the same thing. I want a clear text in the image. – seggy May 21 '20 at 20:32
can you share demo project to test on ? – Jawad Ali May 21 '20 at 20:32
Just create a fresh project and place 3 to 4 labels with different sizes. Capture this and then after zoom this image. Let me know if you still need a demo then I will create it for you. – seggy May 21 '20 at 20:35
no .. i will create it myself and will update you then .. thanks – Jawad Ali May 21 '20 at 20:36
@javabAli Waiting for your positive reply – seggy May 21 '20 at 21:26

score 0 · Answer 4 · answered May 22 '20 at 04:49

extension UIView {
    func takeScreenshot() -> UIImage? {
        var screenshotImage :UIImage?
        let layer = self.layer
        let scale = UIScreen.main.scale
        UIGraphicsBeginImageContextWithOptions(layer.frame.size, false, scale)
        self.drawHierarchy(in: layer.bounds, afterScreenUpdates: true)
        screenshotImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return screenshotImage
    }
}

This answer would be enough, if you want a higher resolution. Just multiple scale to 5 or 10.

this is the same as what told to @Alex. Please check the image in my question, I need to capture image without textblur. — seggy, May 22 '20 at 16:36

How to capture high resolution image from UIView

4 Answers4

Linked