Welcome to OPTIMAGE

Learn how to optimize your images and integrate them into your projects.

Introduction

OPTIMAGE is a powerful image optimization service that automatically converts your images into multiple sizes and WebP format for optimal web performance.

Tip: Start with the Quick Start Guide to get up and running in minutes.

Key Features

  • Automatic Optimization: Generate 8 optimized sizes (320px to 896px) automatically
  • WebP Conversion: Modern format for better compression and quality
  • Framework Support: Ready-to-use code snippets for React, Vue, Angular, Svelte, and HTML
  • Simple API: RESTful API for easy integration into your workflow

Quick Example

Here's how simple it is to use optimized images with srcset:

<img
  srcset="
    https://cdn.optimage.com/project/320/image.webp 320w,
    https://cdn.optimage.com/project/768/image.webp 768w,
    https://cdn.optimage.com/project/896/image.webp 896w
  "
  src="https://cdn.optimage.com/project/768/image.webp"
  alt="Optimized image"
/>

Next Steps