Какой размер изображения следует использовать с Next.js?

Question

Документы говорят:

Ширина изображения в пикселях. Должно быть целым числом без единицы измерения. Высота изображения в пикселях. Должно быть целым числом без единицы измерения.

https://nextjs.org/docs/api-reference/next/image

Разные устройства могут иметь разный размер. Устройства могут быть настольными или мобильными. Отправлять фактический размер каждого изображения немного утомительно.

Я думаю, что мне не нужно отправлять точный размер изображения, но достаточно, чтобы пропорция отправленной ширины и высоты была равна пропорции фактической ширины и высоты. Согласен ли ты со мной?

Итак, если я посмотрю на бизнесмена:

https://tiket.hu/sell/services

Бизнесмен здесь, на рабочем столе, имеет размер 468x346, тогда, если я пройду мимо тогда возвращаемое изображение будет иметь оптимальный размер. Правильно? Оптимальной будет и скорость загрузки.

Answer 1

Верно, но ширина и высота, которые вы должны передать, должны быть самыми большими, которые вы собираетесь использовать, например, используя ваш пример, если изображение, которое вы собираетесь использовать на рабочем столе, имеет размер 468x346, вы должны передать это своему изображению. компонент width={468} height={346}

Компонент будет оптимизировать размер изображения для небольших устройств, но не для больших. Размер, который вы передаете, является самым большим, который компонент будет возвращать и визуализировать.