Component Manifest Test
Asset Pipeline

Image Optimization Test

This page tests the Core Asset Pipeline's ability to process and optimize images in various formats including PNG, JPEG, and WebP. Images should be automatically optimized with responsive srcsets.

Image Optimization Test

PNG Image Processing

hero-banner.png
image

hero-banner.png

Original 800x600 PNG image with gradient. Tests PNG to WebP conversion and responsive sizing.

logo-test.png
image

logo-test.png

Smaller 120x120 PNG logo image. Tests handling of smaller images that shouldn't be upscaled.

JPEG Image Processing

feature-image.jpg
image

feature-image.jpg

800x600 JPEG image with .jpg extension. Tests JPEG quality compression and format conversion.

team-photo.jpeg
image

team-photo.jpeg

400x300 JPEG image with .jpeg extension. Tests handling of different JPEG extension variants.

WebP Image Processing

icon.webp
image

icon.webp

200x200 WebP image. Already in optimal format but should still generate responsive variants.

Test Image Summary

5
Test Images
3
Formats
4
Sizes
WebP
Output

Asset Pipeline Validation Complete

All test images have been processed through the Core Asset Pipeline. Check the network tab to verify optimized images are being served.