Skip to content

Commit

Permalink
constrain
Browse files Browse the repository at this point in the history
Co-authored-by: stefanprobst <stefanprobst@kolabnow.com>
  • Loading branch information
styfle and stefanprobst committed Nov 6, 2021
1 parent 72c24d8 commit b3b7dd6
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/api-reference/next/image.md
Expand Up @@ -121,7 +121,7 @@ A string that provides information about how wide the image will be at different

If you are using `layout="fill"` or `layout="responsive"`, it's important to assign `sizes` for any image that takes up less than the full viewport width.

For example, when the parent element will constrains the image to always be less than half the viewport width, use `sizes="50vw"`. Without `sizes`, the image will be sent at twice the necessary resolution, decreasing performance.
For example, when the parent element will constrain the image to always be less than half the viewport width, use `sizes="50vw"`. Without `sizes`, the image will be sent at twice the necessary resolution, decreasing performance.

If you are using `layout="intrinsic"` or `layout="fixed"`, then `sizes` is not needed because the upperbound width is constrained already.

Expand Down

0 comments on commit b3b7dd6

Please sign in to comment.