README

Professional backend image optimization for Laravel 11 & 12. Convert images to WebP/AVIF, generate responsive variants, optimize for Lighthouse and Core Web Vitals. No database required.

✨ Features

• ✅ No Database Required - File-based storage with JSON metadata
• ✅ WebP & AVIF Support - Modern image formats
• ✅ Responsive Variants - Automatic generation of multiple sizes
• ✅ Lighthouse Optimized - Pass Core Web Vitals (LCP, FCP)
• ✅ Native PHP - Uses Imagick or GD (no external dependencies)
• ✅ Smart Processing - Automatic quality detection
• ✅ Queue Support - Background processing for large images
• ✅ Blur Placeholders - LQIP (Low Quality Image Placeholders)
• ✅ CDN Ready - Works with any CDN
• ✅ Artisan Commands - Bulk optimization & cleanup
• ✅ Presets - Predefined configs (avatar, thumbnail, hero, etc.)
• ✅ 70-80% Size Reduction - Without visible quality loss

📋 Requirements

• PHP: 8.2 or higher
• Laravel: 11.x or 12.x
• Extensions: Imagick (preferred) or GD

🚀 Installation

Install via Composer:

composer require sahm-org/sahm-laravel-image-optimizer

Publish configuration:

php artisan vendor:publish --tag=image-optimizer-config

🎯 Quick Start

Basic Usage

use SAHM\ImageOptimizer\Facades\ImageOptimizer;

// Optimize uploaded image
$imageData = ImageOptimizer::optimize($request->file('photo'));

// Get image data
$data = $imageData->toArray();
/*
[
    'hash' => 'a3f7b2c1...',
    'src' => '/storage/images/optimized/.../photo.webp',
    'srcset' => '...photo-320w.webp 320w, ...photo-640w.webp 640w, ...',
    'sizes' => '100vw',
    'width' => 1920,
    'height' => 1080,
    'blur_placeholder' => 'data:image/webp;base64,...',
    'is_lcp' => false,
    'alt' => '',
    'variants' => [...],
]
*/

With Options

$imageData = ImageOptimizer::optimize($request->file('photo'), [
    'quality' => 85,
    'sizes' => [320, 640, 1024, 1920],
    'is_lcp' => true,
    'alt' => 'Hero image',
]);

Using Presets

// Avatar preset
$avatar = ImageOptimizer::optimize($request->file('avatar'), [
    'preset' => 'avatar',
]);

// Hero preset (optimized for LCP)
$hero = ImageOptimizer::optimize($request->file('hero'), [
    'preset' => 'hero',
]);

Retrieve Optimized Image

// By hash (store this in your database)
$hash = 'a3f7b2c1...';
$imageData = ImageOptimizer::get($hash);

if ($imageData) {
    echo $imageData->src;
    echo $imageData->srcset;
}

🎨 Frontend Integration

Laravel Blade

@if($imageData)
<img 
    src="{{ $imageData->src }}"
    srcset="{{ $imageData->srcset }}"
    sizes="{{ $imageData->sizes }}"
    width="{{ $imageData->width }}"
    height="{{ $imageData->height }}"
    loading="{{ $imageData->isLcp ? 'eager' : 'lazy' }}"
    fetchpriority="{{ $imageData->isLcp ? 'high' : 'auto' }}"
    alt="{{ $imageData->alt }}"
/>
@endif

Inertia/Vue

// Controller
return Inertia::render('Page', [
    'hero' => ImageOptimizer::optimize($file, ['preset' => 'hero'])->toArray(),
]);

<!-- Component -->
<template>
  <img
    :src="hero.src"
    :srcset="hero.srcset"
    :sizes="hero.sizes"
    :width="hero.width"
    :height="hero.height"
    :loading="hero.is_lcp ? 'eager' : 'lazy'"
    :fetchpriority="hero.is_lcp ? 'high' : 'auto'"
    :alt="hero.alt"
  />
</template>

🛠 Artisan Commands

# Check system info
php artisan image-optimizer:info

# Optimize directory
php artisan image-optimizer:optimize storage/app/public/uploads --quality=85

# Cleanup old images
php artisan image-optimizer:cleanup --days=30

📊 Performance

Typical Results:

🏢 About SAHM

Created and maintained by SAHM.