Каталог картинок занимает много места на сайте, как уменьшить размер?

Question

[Максим К]

Всем привет. Есть каталог с картинками, картинки все сохранены в jpg - 101 на 135px. На сайте используется данный размер картинок без всяких max-width и пр. Вес каждой картинки занимает в среднем по 500 кб - в сумме минимальная страница с 30 картинками, почти 18 мегабайт -это оочень много, как уменьшить размер? Или как правильно делать каталоги с картинками?

Comments

[Froggyweb]

кто-то врет
картинка с таким размером занимает 5-9 кбайт
но даже при этом на 50 картинок надо делать ленивую загрузку

Answer 1

[Артур]

сжать компрессором для jpeg

Для такого размера 500кб оч много

Answer 2

[Alex Karo]

https://tinyjpg.com/

Answer 3

[Artem Ivanov]

1. если есть возможность сжать изображения jpeg
2. использовать плагин ленивой загрузки, чтобы не грузить все изображения разом во время загрузки страницы
3. сомнительный метод для вашего случая, но всё же - использовать миниатюры меньшего размера, со ссылками на основные изображения

Comments

[Максим К]

Да вот и использую миниатюры, а размер ппц на выходе. Использую качество jpg 70%

[Artem Ivanov]

Максим К, откуда такие размеры? чем сжимаете?

Answer 4

[dmax1447]

500кб на картинку это очень много,
можно обработать минификаторами, например imageoptim,
или онлайн https://tinyjpg.com/ https://squoosh.app

Comments

[Максим К]

А под ubuntu есть что-нибудь не онлайн? Спасибо.

[dmax1447]

Максим К, есть еще инструмент под названием imagemin, его можно установить чз npm использовать и как таску в gulp, и есть еще автономные программы, в т.ч. для винды и linux
https://github.com/imagemin/imagemin

Answer 5

[motcart]

В каком формате картинке? Если жпг то 500 КБ действительно много для такого разрешения.
Под убунту установите пакет imagemagic и в терминале выполните
cd /papka/skartinkami
for file in *.jpg; do convert -quality 60 $file $file; done
Все картинки сожмутся с качеством 60%. Заранее сделайте бекар, т. к. после выполнения этой команды все файлы перещапишутся сжатыми