Описание тега nextjs-image

— это решение команды Next.js для эффективных изображений в Интернете. Компонент изображения Next.js — это просто замена HTML. элемент, разработанный для современной сети.

При использовании компонент, изображения автоматически загружаются отложенно, то есть они отображаются только тогда, когда пользователь близок к тому, чтобы увидеть изображение. Это предотвращает загрузку этих 30% изображений за пределами исходного окна просмотра.

Автоматическая оптимизация изображений позволяет изменять размер, оптимизировать и отображать изображения в современных форматах, таких как WebP, если браузер поддерживает это. Это позволяет избежать отправки больших изображений на устройства с меньшим окном просмотра. Это также позволяет Next.js автоматически принимать будущие форматы изображений и обслуживать их в браузерах, поддерживающих эти форматы.

Автоматическая оптимизация изображения работает с любым источником изображения. Даже если изображение размещено во внешнем источнике данных, таком как CMS, его все равно можно оптимизировать.

Для использования и доступных реквизитов посетите https://nextjs.org/docs/api-reference/next/image.