【问题标题】:.NET Core 2/Angular 5 Image Compression.NET Core 2/Angular 5 图像压缩
【发布时间】:2018-06-06 12:30:12
【问题描述】:

这是一个非常简单的问题。我有一个简单的网站,上面有一些 jpeg 图像。我一直在阅读有关在服务器上启用 g-zip 的强大功能,并打算这样做以减少跨 js/html/css 文件的文件大小。但是,我不完全确定如何减小通过网络发送的图像的大小。在加载到服务器之前是否应该手动压缩图像,或者是否有一些压缩工具可以在请求图像时压缩服务器上的图像?我想两者的某种组合是理想的,但我似乎无法为此找到最佳实践。感谢您的时间!

【问题讨论】:

    标签: angular image compression asp.net-core-2.0


    【解决方案1】:

    理想情况下,图像应该按原样提供,它们通常是并且应该已经压缩存储。有各种工具可以帮助您压缩图像。您可以使用 TinyPNG 等在线工具手动执行此操作。

    或者您可以将图像优化集成到您的工作流程中,使用 gulpfile 和包 gulp-imagemin

    当然也有一些方法可以在服务器上自动执行此操作。一个这样的例子是 Google PageSpeed 模块,但它仅在使用 Nginx/Apache 作为反向代理时可用。 PageSpeed Image Filter Documentation

    【讨论】:

      【解决方案2】:

      大多数图像(我认为 BMP 和 SVG 除外)都是二进制的并且已经被压缩(不像 javascript、html、css 文件),所以可能没有理由进一步压缩它们,除非你想减少它们质量(即 JPEG - 有损压缩)这可能不是您每个请求都应该做的事情。

      【讨论】:

        【解决方案3】:

        如果你使用 mac,我建议使用ImageOptim。它将隐藏使用哪种软件用于哪种图像格式的所有详细信息。

        如果你使用 Github 会更好,试试Shrink.sh。它将在您的项目中自动创建检测图像并使用它们的优化版本提交拉取请求。

        【讨论】:

          猜你喜欢
          • 2020-04-01
          • 2010-11-25
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-11-17
          • 1970-01-01
          • 2018-11-24
          • 2018-09-05
          相关资源
          最近更新 更多