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

Add docs for `unoptimized` use cases.

- Closes #72140

Author: styfle

docs/01-app/03-api-reference/02-components/image.mdx

@@ -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'

docs/02-pages/03-api-reference/01-components/image-legacy.mdx

@@ -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'