如何在我的 Laravel/OctoberCMS 网站上自动压缩图像？

Question

我已经开发了一些 OctoberCMS 网站（基于 Laravel 构建的 CMS），但我在网站上的图片方面存在很大问题。由于上面的图像，这些网站非常慢。

因此尝试缩小所有 css 和 js 文件，但仍然很慢。所以我想知道是否有一个可以压缩上传到网站的每张图片的包？

什么是最好的解决方案？我搜索了很多，但没有任何有用的东西。

Answer 1

优化图片的最佳方法是在前端使用正确的尺寸。 OctoberCMS 为您提供内置缩略图生成器。

<img src="{{ image.thumb(200, 200, {mode:'auto',quality:85}) }}" title="{{ image.title }}" alt="{{ image.description }}">

使用此功能，您可以设置大小、压缩质量和模式：模式自动、精确、纵向、横向、裁剪。默认值：自动

别忘了给你的图片添加过期时间

# BEGIN Expire headers
<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresDefault "access plus 7200 seconds"
 ExpiresByType image/jpg "access plus 2592000 seconds"
 ExpiresByType image/jpeg "access plus 2592000 seconds"
 ExpiresByType image/png "access plus 2592000 seconds"
 ExpiresByType image/gif "access plus 2592000 seconds"
 AddType image/x-icon .ico
 ExpiresByType image/ico "access plus 2592000 seconds"
 ExpiresByType image/icon "access plus 2592000 seconds"
 ExpiresByType image/x-icon "access plus 2592000 seconds"
 ExpiresByType text/css "access plus 2592000 seconds"
 ExpiresByType text/javascript "access plus 2592000 seconds"
 ExpiresByType text/html "access plus 7200 seconds"
 ExpiresByType application/xhtml+xml "access plus 7200 seconds"
 ExpiresByType application/javascript A2592000
 ExpiresByType application/x-javascript "access plus 2592000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
</IfModule>
# END Expire headers

此模块控制服务器响应中的 Expires HTTP 标头和 Cache-Control HTTP 标头的 max-age 指令的设置。过期日期可以设置为相对于源文件最后一次修改的时间，或者相对于客户端访问的时间。

这些 HTTP 标头是对客户端的关于文档有效性和持久性的指示。如果已缓存，则在此时间过去之前，可能会从缓存中而不是从源中获取文档。之后，缓存副本被认为“过期”且无效，必须从源获取新副本。这加快了网站速度，因为浏览器不必一次又一次地加载相同的图像。

更多信息：https://www.howtoforge.com/make-browsers-cache-static-files-with-mod_expires-on-apache2-debian-squeeze