Как оптимизировать и сжать изображения для вашей веб-страницы?
Иметь быстрый сайт важно, ваши читатели хотят, чтобы ваша загрузка происходила очень быстро, и это также важно для Google, если у вас есть много изображений на вашем сайте,необходимо иметь сайт с быстрой загрузкой.
У вас также будет преимущество использования меньшей пропускной способности.
На веб-сайте в основном представлены два типа изображений: png и jpg или jpeg, мы рассмотрим, как их оптимизировать.
Оптимизация jpeg или jpg-файлов для быстрой загрузки сайта
Мы будем использовать две программы для этого jpegtran и jpegoptim, поэтому сначала давайте их установить (я использую Ubuntu)
sudo apt-get install jpegoptim libjpeg-progs
Теперь, используя jpegoptim, мы применим метод сжатия изображений с потерями, мы сжимаем их и уменьшаем качество до 80%, что по-прежнему отлично подходит для веб-страниц.
find . -name "*.jpg" | xargs jpegoptim -m 80 -t
Вы можете использовать эту команду и сжать их без потери качества
find . -name "*.jpg" | xargs jpegoptim -t
С помощью jpegtran мы преобразуем эти файлы в прогрессивные изображения, это будет загружать их по слоям, чтобы они отображались быстрее, чем базовое изображение, которое загружает байт за байтом.
for img in `ls *.jpg`; do jpegtran -copy none -optimise -outfile $img $img; done
Эта строка не работает с подпапками, но я не смог заставить ее работать таким образом, чтобы найти и xargs
Оптимизация файлов png для быстрой загрузки
Теперь очередь png-файлов, мы будем использовать optipng, поэтому сначала установите его:
sudo apt-get install optipng
Эта команда займет некоторое время, особенно если у вас много изображений.
find . -name "*.png" | xargs optipng -o5 -quiet -keep -preserve -log optipng.log