Thulite Images

Improve your images performance

Images for Thulite websites. Simple setup. Sensible defaults.

Get Started
params.toml
# Images (@thulite/images)
[thulite_images]
  [thulite_images.defaults]
    decoding = "async" # sync, async, or auto (default)
    fetchpriority = "auto" # high, low, or auto (default)
    loading = "lazy" # eager or lazy (default)
    widths = [480, 576, 768, 1025, 1200, 1440] # [640, 768, 1024, 1366, 1600, 1920] for example
    sizes = "auto" # 100vw (default), 75vw, or auto for example
    process = "" # "fill 1600x900" or "fill 2100x900" for example
    lqip = "16x webp q20" # "16x webp q20" or "21x webp q20" for example

What's included

Image optimization

Images are compressed and optimized during build for faster loading times.

Responsive images

Generates multiple image sizes and serves the right one for each device.

Modern formats

Automatically delivers optimized formats like WebP and AVIF when supported.

Simple integration

Add images with minimal markup — no complex configuration required.

Performance

Optimized images improve Core Web Vitals and overall page speed.

Open source

Help keep Thulite sustainable by supporting maintenance, documentation, and long-term development.

Sponsor Thulite

FAQs

What does Thulite Images do?Thulite Images optimizes your images—handling resizing, formats, and responsive delivery for faster loading.
Do I need to optimize images manually?No. Images are processed automatically, so you can focus on content.
Which image formats are supported?Common formats like JPEG and PNG are supported, with modern formats like WebP and AVIF generated when possible.
Does it improve performance?Yes. Optimized, responsive images reduce page weight and improve loading times.
Can I control how images are processed?Yes. You can configure sizes, formats, and behavior when needed.