Image Processing
Transform any image into lightning-fast AVIF files with smart placeholders, responsive delivery, and global CDN distribution.
Transform any image into lightning-fast AVIF files with smart placeholders, responsive delivery, and global CDN distribution.
Welcome to RIXL Image Processing — where every image becomes a performance powerhouse. Upload any format and get back perfectly processed AVIF files with smart placeholders, responsive sizing, and instant global delivery.
Transform images with automatic AVIF compression and smart placeholders.
Drop-in Image component with lazy loading and responsive sizing.
Upload, organize, and manage images through our web interface.
Upload Any Format
Drop in JPEG, PNG, WebP, HEIC, or any common image format. RIXL accepts files up to 100MB each.
Automatic AVIF Conversion
Every image is converted to AVIF format for 50% smaller file sizes with no visible quality loss.
Smart Placeholder Generation
Instant blur placeholders are created for smooth loading experiences while full images load.
Global CDN Delivery
Your images are distributed to 200+ edge locations worldwide for instant loading anywhere.
50% smaller files than JPEG with no visible quality loss. Automatic fallbacks included.
Instant blur placeholders prevent layout shift and improve perceived performance.
Automatic sizing for different devices and screen densities.
Built-in lazy loading reduces initial page load and saves bandwidth.
Automatic WebP and JPEG fallbacks for older browsers.
Edge caching and intelligent routing for instant delivery worldwide.
RIXL accepts all common image formats for processing:
JPEG, PNG, WebP, GIF, BMP - the formats you use every day.
HEIC/HEIF, TIFF, JPEG 2000 - high-quality formats from cameras and professional tools.
SVG files are preserved as-is for crisp scaling at any size.
Every image is automatically prepared for web delivery:
import {Image} from '@rixl/media-react';
function ProfilePhoto({imageId}) {
return (
<Image
id={imageId}
className="w-32 h-32 rounded-full object-cover"
/>
);
}The React Image component is a @lit/react wrapper around <rixl-image>. It accepts id (mapped to imageId), imageData, alt, className, and analytics props (analytics, analyticsPage, feedId, postId, onRixlAnalytics). alt is forwarded and used as the alt attribute on the rendered <img>.
const uploadImage = async (projectId, imageFile) => {
const initResponse = await fetch(
`https://api.rixl.com/media/v1/projects/${projectId}/images/upload`,
{
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'Content-Type': 'application/json'
},
body: JSON.stringify({ name: imageFile.name, format: 'jpg' })
}
);
const { image_id, upload_url, expires_at } = await initResponse.json();
await fetch(upload_url, {
method: 'PUT',
body: imageFile
});
return { image_id, expires_at };
};High-quality product images with instant loading and zoom functionality.
Customer photos and reviews with automatic preparation and moderation.
Hero images and promotional banners delivered for all devices.
News articles, blog posts, and magazine-style layouts with delivered images.
Photography and design portfolios with high-quality image delivery.
User profiles, posts, and feeds with automatic image preparation.
AVIF compression reduces file sizes by 50% compared to JPEG with no quality loss.
Lazy loading and smart placeholders improve perceived performance.
Faster loading images improve Core Web Vitals and search rankings.
Ready to deliver your images? Choose your approach:
See AVIF transformation in action with our dashboard upload.
Add the Image component to your React application.
Build custom image workflows with our REST API.
Start with our Dashboard Upload to see AVIF transformation in action, or jump into the React Component Guide to add delivered images to your application. For custom workflows, explore our API Documentation.