Sapico.ImageResizer

A lightweight, fast image processing middleware for ASP.NET Core that enables on-the-fly image resizing, cropping, format conversion, and watermarking through URL query parameters.

Fork of ImageResizer.AspNetCore by Cornel Hattingh, which itself was forked from keyone2693/ImageResizer.AspNetCore.

Features

• Resize images - Scale images to specific dimensions
• Crop images - Extract specific regions from images
• Format conversion - Convert between PNG, JPG, and JPEG
• Image quality control - Adjust compression quality
• Auto-rotation - Automatically rotate images based on EXIF orientation
• Padding mode - Add padding to maintain aspect ratio
• Max mode - Scale to fit within bounds while maintaining aspect ratio
• Crop mode - Crop to exact dimensions
• Stretch mode - Stretch image to exact dimensions
• Watermarking - Add text or image watermarks
• Memory caching - Automatically cache processed images
• Plugin architecture - DiskCache and S3Cache plugins for persistent caching
• Multi-framework support - Supports .NET 8.0, 9.0, 10.0

Installation

Install via NuGet:

dotnet add package Sapico.ImageResizer

Optional cache plugins:

dotnet add package Sapico.ImageResizer.Plugin.DiskCache
dotnet add package Sapico.ImageResizer.Plugin.S3Cache

Quick Start

1. Register the Service

In your Program.cs (ASP.NET Core 6+):

using Sapico.ImageResizer.Helpers;

var builder = WebApplication.CreateBuilder(args);

// Add ImageResizer service
builder.Services.AddImageResizer();

var app = builder.Build();

// Use ImageResizer middleware
app.UseStaticFiles();
app.UseImageResizer();

app.Run();

2. Use in HTML

Simply add query parameters to your image URLs:

<img src="~/images/photo.jpg?w=200" alt="Resized" />
<img src="~/images/photo.jpg?width=200&height=300" alt="Resized with height" />

Usage Examples

Basic Resizing

Resize to a specific width (height auto-calculated to maintain aspect ratio):

<img src="~/images/photo.jpg?w=300" alt="Width 300px" />
<img src="~/images/photo.jpg?width=300" alt="Width 300px (alternative)" />

Resize to a specific height (width auto-calculated):

<img src="~/images/photo.jpg?h=400" alt="Height 400px" />
<img src="~/images/photo.jpg?height=400" alt="Height 400px (alternative)" />

Format Conversion

<img src="~/images/photo.jpg?format=png" alt="PNG format" />
<img src="~/images/photo.png?format=jpg&quality=80" alt="JPEG format" />

Resize Modes

Max mode (default) - Fit within bounds maintaining aspect ratio:

<img src="~/images/photo.jpg?w=200&h=200&mode=max" alt="Max fit" />

Pad mode - Fit within bounds and pad with white space:

<img src="~/images/photo.jpg?w=200&h=200&mode=pad" alt="Padded" />

Crop mode - Crop to exact dimensions from center:

<img src="~/images/photo.jpg?w=200&h=200&mode=crop" alt="Cropped" />

Stretch mode - Stretch to exact dimensions (may distort):

<img src="~/images/photo.jpg?w=200&h=200&mode=stretch" alt="Stretched" />

Quality Control

<img src="~/images/photo.jpg?w=800&quality=75" alt="Optimized" />

Auto-Rotation

<img src="~/images/photo.jpg?autorotate=true" alt="Auto-rotated" />

Watermarking

Add text watermark (requires ImageResizerJson.json configuration):

<img src="~/images/photo.jpg?w=400&wmtext=1" alt="With watermark" />

Add image watermark:

<img src="~/images/photo.jpg?w=400&wmimage=1" alt="With image watermark" />

Query Parameters Reference

Cache Plugins

DiskCache

Stores processed images on the local filesystem. Default cache folder: ~/cache.

using Sapico.ImageResizer.Plugin.DiskCache;

builder.Services.AddImageResizer();
builder.Services.AddImageResizerDiskCache(options =>
{
    options.CacheFolder = "/var/cache/imageresizer"; // optional, default: ~/cache
});

S3Cache

Stores processed images in an Amazon S3 bucket.

using Sapico.ImageResizer.Plugin.S3Cache;

builder.Services.AddImageResizer();
builder.Services.AddImageResizerS3Cache(options =>
{
    options.BucketName = "my-image-cache";
    options.Region = "us-east-1";
    options.Prefix = "cache/";  // optional key prefix
});

Watermark Configuration

Create an ImageResizerJson.json file in your wwwroot directory:

{
  "WatermarkTextList": [
    {
      "Key": 1,
      "Value": "© 2024 MyCompany",
      "Color": "#FFFFFF",
      "TextSize": 30,
      "PositionMeasureType": 2,
      "X": 50,
      "Y": 90
    }
  ],
  "WatermarkImageList": [
    {
      "Key": 1,
      "Url": "/images/watermark.png",
      "SizeMeasureType": 2,
      "Width": 20,
      "Height": 0,
      "PositionMeasureType": 1,
      "Right": 10,
      "Bottom": 10
    }
  ]
}

Docker

A Dockerfile is provided in the TestExample project for containerized deployments.

SkiaSharp Linux Dependencies

On Linux, SkiaSharp requires two layers of support:

1. SkiaSharp.NativeAssets.Linux — Automatically included on Linux builds via Directory.Build.props. This NuGet package provides the native libSkiaSharp.so binary.
2. Fontconfig system library — A system-level library for font discovery and rendering that SkiaSharp links against at runtime.
   • Debian/Ubuntu images: libfontconfig1 (installed via apt-get in the Dockerfile)
   • Alpine images: fontconfig (installed via apk in the Alpine Dockerfile)

Both are required. Without libfontconfig1, SkiaSharp will throw a runtime DllNotFoundException.

Build & Run

Linux (Debian-based)

# From the repository root
docker build -f tests/TestExample/Dockerfile -t imageresizer-test .
docker run -p 8080:8080 imageresizer-test

Alpine

# From the repository root
docker build -f tests/TestExample/Dockerfile.alpine -t imageresizer-test-alpine .
docker run -p 8080:8080 imageresizer-test-alpine

Cached folder will appear in /root/img-cache

Performance

• Memory caching - Processed images are automatically cached in memory
• Persistent caching - Optional DiskCache or S3Cache plugins for cross-restart persistence
• Fast processing - Uses SkiaSharp for efficient image manipulation
• Lightweight - Minimal dependencies

Supported Image Formats

• Input: PNG, JPG, JPEG
• Output: PNG, JPG, JPEG

License

See LICENSE file for details.

Support

• GitHub: https://github.com/NicoJuicy/ImageResizer.AspNetCore