{"id":24017,"date":"2019-02-01T09:59:42","date_gmt":"2019-02-01T09:59:42","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=24017\/"},"modified":"2021-01-12T15:08:24","modified_gmt":"2019-02-01T09:59:42","slug":"create-multiple-thumbnails-uploading-image-2","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/tips\/create-multiple-thumbnails-uploading-image-2\/","title":{"rendered":"How to Create Multiple Thumbnails While Uploading Image?"},"content":{"rendered":"

Objectives of the blog<\/h2>\n

After reading this blog we will be able to create multiple thumbnails while uploading an image. In this blog we can learn how to resize the image size using code.<\/p>\n

Let’s know about the thumbnails<\/h2>\n

Thumbnails are the reduced-size versions of pictures or videos. Thumbnails are created from the original image by reducing their dimension and size. By creating thumbnails we can represent a large sized image by a small size image. The website such as online ecommerce stores use thumbnail images instead of large images to reduce the loading time of their web page which also make the site faster.<\/p>\n

To understand the working of the thumbnails technically we will make a simple program. The requirement has been shared below:<\/p>\n

Requirement<\/h2>\n

Let\u2019s understand the requirement first.<\/p>\n

Let\u2019s say we have a website named as Knowband which sells the modules for the e-commerce platform like Magento, Prestashop, Opencart etc. It shows so many images on the listing page of Knowband modules. The original images are of large size so it directly increases the loading time of the listing page so to reduce the loading time of the page Knowband site uses thumbnail images on the listing page.<\/p>\n

In this blog, we can learn how to create multiple thumbnails of an image. Let\u2019s consider an example, where we will create three thumbnails as shown in the image given below:<\/p>\n

\"thumbnails\"<\/a><\/p>\n

Function to create the Thumbnail<\/h2>\n

Let\u2019s understand the main functionality or code which is actually responsible for creating the thumbnails.<\/p>\n

A function is given below which is responsible for creating the thumbnail. Let understand the function how it actually worked.<\/p>\n

Below function have 4 parameters<\/h3>\n

The code of creating multiple thumbnails while uploading an image is given below:<\/p>\n