How to pixellate a UIImage

Written by Paul Hudson    @twostraws

Core Image has a number of interesting filters baked in, and an easy one to use is CIPixellate – it pixellates images, making them appear blocky. You have control over how big each pixel block should be, so it’s suitable for a range of tasks.

Below is some sample code to get you started. To use it you should:

1. Change yourUIImage to be whatever input UIImage you want to use.
2. Change the value of 12 for however strong your pixellation effect should be.
3. Change the print(processedImage.size) line at the end for something more interesting – maybe you want to display the pixellated image somewhere?

Here’s the code:

guard let currentCGImage = yourUIImage.cgImage else { return }
let currentCIImage = CIImage(cgImage: currentCGImage)

let filter = CIFilter(name: "CIPixellate")
filter?.setValue(currentCIImage, forKey: kCIInputImageKey)
filter?.setValue(12, forKey: kCIInputScaleKey)
guard let outputImage = filter?.outputImage else { return }

let context = CIContext()

if let cgimg = context.createCGImage(outputImage, from: outputImage.extent) {
    let processedImage = UIImage(cgImage: cgimg)
    print(processedImage.size)
}

Note: if you intend to run pixellation several times you’ll find it more efficient to save your CIContext rather than keep recreating it.

Available from iOS 8.0

Did this solution work for you? Please pass it on!

Tweet

Other people are reading…

• How to desaturate an image to make it black and white
• CIDetectorTypeFace: How to detect faces in a UIImage
• How to record user videos using ReplayKit
• How to create a QR code
• How to loop audio using AVAudioPlayer and numberOfLoops

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.