Generate square or circular thumbnail image with Python – Pillow

Last Updated : 17 Mar, 2021

Prerequisites: Pillow, Numpy

In the word “THUMBNAIL” the word THUMB means short. A thumbnail is the compressed preview image of the original image or a Thumbnail is the smaller version of an image. In simple words, the thumbnail is the smaller image that represents the larger/original image.

Usually, the shape of the thumbnail is dependent on the original image, but in this article, we are going to generate the circular and square thumbnail image using Pillow Library in Python.

Installation:

For installing pillow and NumPy libraries, write the following command on your command prompt.

pip install pillow  pip install numpy

Example 1: Opening image using Pillow Library.

Python

# importing necessary libraries 
from PIL import Image 
  
# opening the image from the storage using  
# Image.open() function 
orig_img=Image.open('Geekwork/sebastian-molina.jpg') 
  
# showing the image using show() function 
orig_img.show()

Output:

Example 2: Generating circular thumbnail image using Pillow Library.

Approach:

Convert the image into NumPy array using NumPy library.
Now create a new mask image using PIL.Image.new() function by pass the mode, image size, and color, then draw the image using PIL.Image.Draw.Draw() function by passing the size of the new mask image and let be stored in the variable named “draw”.
Make the circle on the mask image using ImageDraw.Draw.peislice() function by passing four points to define a boundary, starting angle=0, ending angle=360 this creates the circle on the mask image and with them pass fill parameter for filling the color in an image.
Convert the mask image to numpy array then stack the array depth-wise along with the third axis using numpy.dstack() function and pass the original image array and mask image array as we had converted in above steps to get the circular image, and let it be stored in the variable named as “npImage”.
As this “npImage” is in array format we have to convert this array into an image, this is done with the help of PIL.Image.fromarray() function into this pass npImage as a parameter and let it be stored in the variable named as “final_image”.
As we had generated the circular image.

Below is the full implementation:

Python

# importing necessary libraries 
from PIL import Image, ImageDraw 
import numpy as np 
  
# opening the image from 
# the storage using Image.open() function 
orig_img=Image.open('sebastian-molina.jpg') 
  
# getting height and width of  
# an image using size() function 
height,width=orig_img.size 
  
# converting image to numpy array 
npImage=np.array(orig_img) 
  
# Creating mask image in L mode with same image size 
new_img = Image.new('L', orig_img.size,0) 
  
# drawing on mask created image using Draw() function 
draw = ImageDraw.Draw(new_img) 
  
# making circle on mask image using pieslice() function 
draw.pieslice([0,0,height,width],0,360,fill=255) 
  
# Converting the mask Image to numpy array 
np_new=np.array(new_img) 
  
# stack the array sequence 
# (original image array with mask image) depth wise 
npImage=np.dstack((npImage,np_new)) 
  
# converting array to an image using fromarray() function 
final_img = Image.fromarray(npImage) 
  
# making thumbnail using thumbnail()  
# function by passing the size in it 
final_img.thumbnail((500,500)) 
  
# saving the circular thumbnail Image 
final_img.save('Circular_thumbnail.png')

Output:

Example 3: Generating square thumbnail image using Pillow Library.

Approach:

Check the three conditions if height==width or height>width or width>height if the dimension of the image falls in any of the last two conditions.
Then we have to create the new mask image using new() function with the longest side/dimension of the image.
Then paste the original image on the new mask image by using paste() function and pass the original image with calculated dimensions which we will discuss in the explanation of the example.
Now we will get the square image by following the above steps.
Now we have to generate the thumbnail image, we can do this by using PIL.Image.thumbnail() method by passing the size as a parameter, then save this using PIL.Image.save() method and pass the name of the image with standard image format.

Below is the full implementation:

Python

# importing necessary libraries 
from PIL import Image, ImageDraw 
import numpy as np 
  
# function to generate squared image 
def square_thumb(thum_img,width,height): 
    
    # checking if height and width are 
    # are equal then return image as it is 
    if height == width: 
        return thum_img 
  
    # checking if height is greater than width 
    elif height > width: 
        
        # creating the new mask image of size i,e height of Image 
        square_img = Image.new(thum_img.mode, (height, height)) 
          
        # pasting the original image on mask image 
        # using paste() function to make it square 
        square_img.paste(thum_img, ((height - width) // 2,0)) 
          
        # returning the generated square image 
        return square_img 
  
    # if width is greater than height 
    else: 
        
        # creating the new mask image of size i,e width of Image 
        square_img = Image.new(thum_img.mode, (width, width)) 
          
        # pasting the original image on mask image using paste() 
        # function to make it square 
        square_img.paste(thum_img, (0, (width - height) // 2)) 
          
        # returning the generated square image 
        return square_img  
  
# main function   
if __name__ == "__main__": 
    
    # opening the image from the storage 
    # using Image.open() function 
    orig_img=Image.open('sebastian-molina.jpg') 
  
    # extracting width and height of an 
    # image from the image size  
    w,h = orig_img.size 
  
    # calling the function by passing 
    # image width and height as a parameter 
    sq_img = square_thumb(orig_img,w,h) 
  
    # generating square thumbnail of 
    # required size using thumbnail() function 
    sq_img.thumbnail((400,400)) 
  
    # saving the thumbnail using save function 
    sq_img.save('Square_thumbnail.jpg')

Output:

Explanation: We had created the function to generate a square image by passing the image, it’s width and height as a parameter. In the function we had checked three conditions on the basis of that we had generated the square image.

In the first condition, we had checked if the height of the image is equal to the width or not if True then we had returned the image as it is because when height and width are equal images is already in the square shape.
In the second condition, if the height of an image is greater than the width, then we created the new mask image using Image.new() function by passing the mode of an image and size as it’s the height (i.e, height, height) and paste the original image on the created mask image using paste() function by passing original image and dimension at which original image is pasted on mask image i.e, from calculated dimension (subtracting the height of original image with a width of the original image and then divide it by 2) to 0, so that original image can be perfectly pasted on the mask image.
In the third condition, if the width of an image is greater than the height, then we did the same process as we had done in the second condition, but the only change is we had created the mask image of size as it’s the width (i.e, width, width) and in case of pasting we had to pass original image and dimension i.e, from 0 to the calculated dimension (by subtracting the width of the original image with a height of the original image and then divide it by 2 ) so that original image can be perfectly pasted on the mask image.