Getting started with Image Optimization

This guide will help you get started with using Vercel Image Optimization in your project, showing you how to import images, add the required props, and deploy your app to Vercel. Vercel Image Optimization works out of the box with Next.js, Nuxt, SvelteKit, and Astro.

• A Vercel account. If you don't have one, you can sign up for free.
• A Vercel project. If you don't have one, you can create a new project.
• The Vercel CLI installed. If you don't have it, you can install it using the following command:

1. Import images

2. Add the required props

3. Deploy your app to Vercel

Now that you've set up Vercel Image Optimization, you can explore the following:

• Explore limits and pricing
• Managing costs