Исключить из наших наслаждений воображение — значит свести их на нет (М. Пруст).

Включить компресию gzip для SVG в Nginx

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 оценок, среднее: 5,00 из 5)
Загрузка...
14 февраля 2017
Включить компресию SVG gzip в Nginx

Просмотров: 268

SVG являются отличным способом, чтобы без потерь масштабировать векторные изображения. В отличие от других типов изображений, таких как PNG, JPG и SVGs, gzipped может сжать их еще лучше. Gzip хорошо сжимает, например, вы можете сжать SQL файлы, так что они будут составлять 10% от их первоначального размера.

Этот учебник покажет вам, как сжать файлы с расширением SVG, что позволяет SVG сжимать с помощью GZIP в Nginx и проверим как работает сжатие GZIP с использованием Pingdom.

Тест преимущества сжатого файла формата SVG

Скачать пробный файл SVG для сжатия с помощью Gzip

 

Сожмем файл с расширением SVG и дадим ему новое имя Andreyex_big.svg.gz, чтобы мы могли легко сравнить размер

 

Список каталога /tmp и показывать только файлы, которые содержат Arctic.

 

Оригинальный файл SVG с размером 1.5 MB стал весить 424 KB после того, как его сжали GZIP.

То есть 33% от своего первоначального размера!

 

Чтобы посмотреть подробную статистику вы можете использовать GZIP с переключателем -l

 

Вы увидите сжатый и несжатый размер, а также степень сжатия

 

Давайте включим GZIP в Nginx

Включить SVG GZIP сжатие в Nginx

Убедитесь, что у вас есть svg в ваших mime types (должен быть там по умолчанию)

 

Найдите строку изображения или добавьте его, если она отсутствует

 

Откройте файл конфигурации Nginx

 

Найдите строку gzip types и добавьте image/svg+xml к концу строки, как показано ниже

или вы можете организовать типы GZIP, для облегчения читаемости

 

Проверьте конфигурацию Nginx

 

Если это сработало, то перезапустите Nginx

 

Вы можете проверить работу GZIP для файлов SVG с помощью Pingdom.

Найдите свой файл и нажмите SVG стрелку вниз справа.

Проверьте заголовок content-encoding, вы также можете увидеть значение заголовка content-type

Если статья понравилась, то поделитесь ей в социальных сетях:

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

ПОИГРАЙ, РАССЛАБЬСЯ

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close