OpenCV Python

How to Split an Image into 4 Pieces OpenCV

Pinterest LinkedIn Tumblr

Hello Everyone, so I found an image of Elon Musk revealing his Tesla vehicle, and we are going to learn how to split the image into four pieces using OpenCV. Want to learn how to do it? Follow along.

Figure 1: Splitting an image of Elon Musk into four pieces.

Project Structure

Before we get started implementing our Python script for this tutorial, let’s first review our project directory structure:

The directory contains :

  • Our Python script file
  • Our experimental image, elon_musk_tesla.png.

Let’s now implement our Python script using OpenCV!

Implementing the OpenCV Manipulate Pixel Script

First, make a new script, naming it, and insert the following code:

In Lines 2 – 3, we imported OpenCV to work with our sample image and the argparse library to execute our program via the command line. After the imports are provided, we then parse a single command-line argument:

  • --image, which is the path to where our image resides on disk.

From there, we will instruct OpenCV to go and find the image "elon_musk_tesla.png," read it, and then store it in this variable “image”.

Then we can compute the center coordinate of the image by performing integer division using the double slash “//” operation, which python provides.

Figure 2: Result from Splitting an image of Elon Musk into four pieces.

Moving on, to crop the image into four pieces:

  • The top left
  • The top right
  • The bottom left, and
  • The bottom right

We will use the NumPy slicing functionality called indexing. If you’re a bit rusty on NumPy, I’ve composed a detailed tutorial to bring you up to speed.

Then we will visualize each part of the image using the cv2.imshow command and cv2.waitKey, which prevents the windows from closing immediately until a key is pressed on your keyboard.

How to Override Our Image Pixels

Figure 3: Manipulating the pixel values at the top right and the bottom left of the image.

To achieve the result shown in the image above, we need to learn about certain basics, such as extracting the pixel values at a certain region of our image. I’m sure you’ve already had a detailed look over NumPy. Cause if you haven’t, this section might get tricky for you.

Moving on, let’s say we want to access an individual pixel value. Red, Green, and Blue pixel value, you’ll notice the ordering is in (b, g, r) instead of (r, g, b). Which looks a bit weird, right?

To clear that out, ever since OpenCV was developed over 21 years ago, OpenCV used the BGR format instead of the RGB format, which is popularly known today. And causing any change to this notation will surely cause a huge impact on lots of OpenCV applications built over the years.

Let’s see how we can extract the pixel values from specific coordinates in our image with that been cleared out.

Let’s say at coordinate (0,0). Noticed I used the index (0,0), which first represents:

  • The row in pixel (that’s the height of the image) and, [y=0]
  • The column in pixel (that’s the width of the image) [x=0]

Next, to override the original pixel, we need to create a new channel ordering in a tuple and set it to our desired color.

It’s a bit difficult to see what exactly has happened, so let’s perform the same operation on both the bottom left and top right sections of our image.

Then set the pixel values at the bottom left to blue and the whole part of the top right to Green.

Finally, we will show the image on the desktop and wait for a key to press the keyboard before closing the desktop GUI.

Displaying OpenCV Loaded Image

Please start by entering your email in the blue popup to retrieve the source code and example images from my private repository or sign up directly from using the link.

Now that’s implemented, it’s time to read our image from the disk using OpenCV and perform both cropping our original image; then manipulating the pixel value within a section of our image!

So, fire up your terminal, and execute the following command:

Figure 4: Result from Splitting an image of Elon Musk into four pieces.
Figure 5: Result from manipulating the pixel values at the image’s top right and bottom left.


This article has explained how to use OpenCV to split images using NumPy Indexing and slicing. Then also how to manipulate regional pixels of our split image.

What’s Next?

Now, what’s next? in the following tutorial, we will explore more functionalities the library OpenCV offers. Until then, share, like the video above, comment, and subscribe.

Further Reading

We have listed some useful resources below if you thirst for more reading.

Write A Comment