Как грамотно сжать изображение для сайта?

Question

[Gravio]

Есть сайт ресторана стек такой: nuxt js + adonis js + pgsql.

Картинки товаров залиты на google storage (формат jpg) и подтягиваются по апи, вес картинки примерно 5-6 мб, что достаточно долго для прогрузки, как их можно сжать желательно без сильной потери качество, чтобы они мгновенно прогружались.

Comments

[Владимир]

А каков размер картинки? Потому что 5-6 мб для джипега это очень много. Сейчас специально посмотрел немного своих фото: фотографии экранного разрешения получаются порядка 100-300 кб.

Answer 1

[Александр]

Ещё вариант https://squoosh.app/

Answer 2

[iBird Rose]

К примеру https://www.npmjs.com/package/imagemin
для gulp есть тоже https://github.com/sindresorhus/gulp-imagemin

Answer 3

[WbICHA]

https://www.npmjs.com/package/sharp
Умеет не только сжимать.

Answer 4

[IlonMusk]

Можно использовать progressive jpeg или сделать самому. При загрузке у вас подтягиваются миниатюры (картинки низкого качества) а когда загрузились основные ими заменить