How to pixellate a UIImage

Swift version: 5.0

Paul Hudson    @twostraws    March 28th 2019

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…

• CIDetectorTypeFace: How to detect faces in a UIImage
• How to convert text to speech using AVSpeechSynthesizer, AVSpeechUtterance and AVSpeechSynthesisVoice
• How to desaturate an image to make it black and white
• How to play videos using AVPlayerViewController
• How to control the pitch and speed of audio using AVAudioEngine

About the Swift Knowledge Base

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