NextJs <Image../> не предоставляет правильный размер изображения

Я использую новый компонент NextJS Image, который должен оптимизировать изображения и предоставлять формат webp + правильный размер изображения.

Это и пример того, как я его использую:

          import Image from 'next/image'

...
                    <Image
                        src={"/images/tools/hammers/BoschGBH11DE/ClearBg-bosch-gbh-11-de-rent.png"}
                        width={952}
                        height={995}
                        alt="alt text..."
                        layout="responsive"
                    />

Когда я смотрю на вкладку сети в инструменте Google dev, я вижу, что запрос запрашивает размер изображения шириной 828, хотя предварительный просмотр размера изображения составляет всего 92 ширины и 96 высоты ...

Это пример запроса, который я вижу на вкладке сети:

http: // localhost:3000 / _next / image?url=%2Fimages%2Ftools%2Fhammers%2FBoschGBH11DE%2FClearBg-bosch-gbh-11-de-rent.png&w=828&q=75

А это ссылка на саму страницу:

https://power-tools.co.il/rentals/price-list/hammers/10KG/MoreThan3Days

Источник

0 ответов

Другие вопросы по тегам