Resize Images using intervention-image

In this article we will learn how to install and use intervention/image in laravel.We will resize images using intervention/image package.We will upload multiple images and add a check if a image size is greater than 25mb we will resize it.

Step 1: Install the Intervention/Image Package

To get started, install the intervention/image package using Composer:

composer require intervention/image-laravel

Next, add the configuration files to your application using the vendor:publish command:

php artisan vendor:publish --provider="Intervention\Image\Laravel\ServiceProvider"

Step 2: Create a View for Image Upload

Create a view file (e.g., resources/views/upload.blade.php) and add a form to upload multiple images:

<form action="{{ route('upload.images') }}" method="post" enctype="multipart/form-data">
    @csrf
    <input type="file" id="images" name="images[]" multiple>
    <button class="btn btn-primary" type="submit">Upload</button>
</form>

Step 3: Define the Route

In your routes/web.php file, define the route for the form action:

use App\Http\Controllers\ImageUploadController;

Route::post('/upload-images', [ImageUploadController::class, 'saveImages'])->name('upload.images');

Step 4: Implement the Controller Logic

Create a controller (e.g., ImageUploadController.php) and implement the logic to handle the image upload and resizing:

Now in our controller we will write our main business logic.

public function saveImages(Request $request)
{
    // Validate the request
    $request->validate([
        'images' => 'required|array',
        'images.*' => 'required|image|mimes:jpeg|max:25600' //max-size 25mb
    ]);
    try {
        if ($request->has('images')) {
            $images = $request->file('images');
            $folderName = now()->format('Y-m-d');
            $destinationPath = public_path('images/' . $folderName);
            // Create directory if it doesn't exist
            if (!File::isDirectory($destinationPath)) {
                File::makeDirectory($destinationPath, 0777, true, true);
            }

            foreach ($images as $image) {
                $img = Image::read($image);
                // Check if the image exceeds 25 megapixels
                if ($img->width() * $img->height() > 25 * 1000000) {
                    // Resize the image
                    $img->resize(5000, null, function ($constraint) {
                        $constraint->aspectRatio();
                    });
                }
                $imageName = time() . '-' . $image->getClientOriginalName();
                $img->save($destinationPath . $imageName);
            }
            return back()->with('success', 'Images Upload Successfully.');
        }
    } catch (\Exception $e) {
        return $e->getMessage();
    }
}

Explanation

Validation: Ensure the request contains an array of images and validate each image's type and size.

File Handling: Check if the request has images.

Directory Creation: Create a directory with the current date if it doesn't already exist.

Image Processing: Iterate through each image, create an instance using Image::make, and check its size. If the image size exceeds 25MB, resize it to a width of 5000 pixels while maintaining the aspect ratio.

Save Image: Save the processed image to the specified directory with a unique name.

Return Response: Return a success message if the images are uploaded successfully or an error message if an exception occurs.