.NET Core 2 / Angular 5 Сжатие изображений

Question

Это очень простой вопрос.У меня есть простой сайт с несколькими изображениями в формате JPEG.Я читал о возможности включения g-zip на сервере и собираюсь сделать это, чтобы уменьшить размеры файлов в файлах js / html / css.Однако я не совсем уверен, как уменьшить размер изображений, отправляемых по проводам.Должны ли изображения сжиматься вручную перед загрузкой на сервер, или существует какой-либо инструмент сжатия, который сжимает изображения на сервере по запросу?Я предполагаю, что некоторая комбинация обоих была бы идеальной, но я не могу найти лучшую практику для этого.Спасибо за ваше время!

Answer 1

Большинство изображений (за исключением BMP и SVG, я думаю) являются двоичными и уже сжаты (в отличие от файлов javascript, html, css), поэтому, вероятно, нет смысла их дополнительно сжимать, если только вы не хотите уменьшить ихкачество (т. е. JPEG - сжатие с потерями), которое, вероятно, не то, что вы должны делать для каждого запроса.

Answer 2

Если вы используете Mac, я рекомендую использовать ImageOptim .Он скроет все детали того, какое программное обеспечение использовать для какого формата изображения.

Еще лучше, если вы используете Github, попробуйте Shrink.sh .Он автоматически обнаружит изображения в вашем проекте и отправит запрос на извлечение с их оптимизированной версией.

Answer 3

Изображения должны быть в идеальном виде такими, какие они есть, обычно они должны храниться в сжатом виде.Существуют различные инструменты, которые помогут вам сжать изображения.Вы можете сделать это вручную с помощью онлайн-инструментов, таких как TinyPNG .

. Или вы можете интегрировать оптимизацию изображений в рабочий процесс с помощью gulpfile и пакета gulp-imagemin . * 1007.*

Конечно, есть способы сделать это автоматически и на сервере.Одним из таких примеров является модуль Google PageSpeed, но он доступен только при использовании Nginx / Apache в качестве обратного прокси-сервера. Документация фильтра скорости изображения страницы