WordPress allows you to create custom image sizes using the add_image_size() function. This ensures that uploaded images are automatically resized to match your theme’s design requirements, improving performance, consistency, and image quality across your website.
In the following example, multiple custom image sizes are registered for different sections of the website, including the homepage, sliders, packaging, projects, testimonials, team members, galleries, and contact page. Each image size specifies a unique width, height, and crop position to ensure images are displayed correctly throughout the site.
Add the following code to your theme’s functions.php file or a custom functionality plugin to register these custom image sizes.
<?php
/*General Settin Default images*/
add_image_size( 'home_background_image', 1469 , 3447 , array( 'center', 'center' ) );
add_image_size( 'slider_image', 1764 , 680 , array( 'center', 'center' ) );
add_image_size( 'packaging_image', 800 , 508 , array( 'center', 'center' ) );
add_image_size( 'processing_image', 980 , 446 , array( 'center', 'center' ) );
add_image_size( 'category_image', 400 , 400 , array( 'center', 'center' ) );
add_image_size( 'about_background_image', 2068 , 2560 , array( 'center', 'center' ) );
add_image_size( 'team_image', 588 , 428 , array( 'center', 'center' ) );
add_image_size( 'give_image', 612 , 454 , array( 'center', 'center' ) );
add_image_size( 'testimonial_background_image', 2068 , 2560 , array( 'center', 'center' ) );
add_image_size( 'testimonial_image', 1240 , 666 , array( 'center', 'center' ) );
add_image_size( 'gallery_background_image', 2308 , 2857 , array( 'center', 'center' ) );
add_image_size( 'our_process_background_image', 2308 , 2857 , array( 'center', 'center' ) );
add_image_size( 'our_process_image', 1240 , 666 , array( 'center', 'center' ) );
add_image_size( 'packaging_background_image', 3892 , 2442 , array( 'center', 'center' ) );
add_image_size( 'packaging_page_image', 1240 , 666 , array( 'center', 'center' ) );
add_image_size( 'single_projects_image', 1530 , 1438 , array( 'center', 'center' ) );
add_image_size( 'contact_background_image', 3292 , 2442 , array( 'center', 'center' ) );