chore(docs): mention uses for unoptimized (#73604)

Add docs for `unoptimized` use cases.

- Closes https://github.com/vercel/next.js/issues/72140
This commit is contained in:
Steven
2024-12-06 22:13:36 +00:00
committed by GitHub
parent 2461539530
commit f8494b48eb
2 changed files with 6 additions and 4 deletions
@@ -412,8 +412,9 @@ You can also [generate a solid color Data URL](https://png-pixel.com) to match t
unoptimized = {false} // {false} | {true}
```
When true, the source image will be served as-is instead of changing quality,
size, or format. Defaults to `false`.
When true, the source image will be served as-is from the `src` instead of changing quality, size, or format. Defaults to `false`.
This is useful for images that do not benefit from optimization such as small images (<1KB), vector images (SVG), or animated images (GIF).
```js
import Image from 'next/image'
@@ -313,8 +313,9 @@ const Example = () => {
### unoptimized
When true, the source image will be served as-is instead of changing quality,
size, or format. Defaults to `false`.
When true, the source image will be served as-is from the `src` instead of changing quality, size, or format. Defaults to `false`.
This is useful for images that do not benefit from optimization such as small images (<1KB), vector images (SVG), or animated images (GIF).
```js
import Image from 'next/image'