php - Laravel 应用程序中的图像优化

Question

我有一个 Laravel Web 应用程序，其中包含超过数千张上传的图像。我之前没有优化我的图像，现在我必须进行优化。

现在我有两个关于图像优化的问题；

我有图像优化问题。我试过任何包
这将进行“图像优化”，但在运行我的
优化代码，我的源中的图像没有任何更改
控制。 为什么包不改变图像？

我在我的应用程序中使用不同大小的相同图像。
例如，名为“image_1.png”的图像正在使用大小
主页中的 120*60 像素，并且它也在另一个页面中使用
尺寸 300*150 像素。 我应该为这些正在使用的图像做什么
不同尺寸的优化？

我用过的包是这些:

https://github.com/spatie/laravel-image-optimizer.git

https://github.com/psliwa/image-optimizer.git

我在数据库中为我的图像使用这样的代码:

 foreach ($files as $file) {
            $filePath = //the image path
            ImageOptimizer::optimize($filePath);
        }

以上代码成功通过，代码运行过程中没有出现任何错误。但图像不会改变。

Answer 1

图像优化不仅与图像大小有关，还有一些因素会影响图像文件大小:

画质 - 在大多数情况下，您可以在没有明显视觉影响的情况下显着降低质量。考虑您的图像目的和受众，并使用图像内容、受众和目的可接受的最低质量。

图片格式 - 确保每个图像都以其图像内容的正确格式交付。利用 CDN 服务或其他工具/逻辑来检查哪个浏览器正在发出请求，并使用元素及其 srcset 属性为不同的浏览器提供不同的格式。

图像元数据 - 默认情况下，图像包含大量由相机和图形应用程序存储的元数据，但这些数据在交付的图像中完全没有必要。

图像大小和调整大小 - 即使在服务器端调整大小，请记住，您可以裁剪以专注于重要内容，而不仅仅是缩小图像。

在我的网页设计项目中，我使用 Cloudinary for image optimization .

基本上，它可以根据图像内容和浏览器找到最佳质量压缩级别和最佳编码设置，并自动在文件和质量之间做出权衡决策。

这是我的做法:

使用“quality = auto”参数优化图像质量:
cl_image_tag("sample.jpg", array("quality"=>"auto"))

这将减少文件大小，而不会对人眼造成任何明显的退化，也无需单独分析每个图像。

使用“fetch_format = auto 参数:

”优化图像格式
cl_image_tag("sample.jpg", array("width"=>500, "fetch_format"=>"auto", "crop"=>"scale"))
这将缩小到 500 像素并以 JPEG 格式提供图像。

通过裁剪优化图像大小:

cl_image_tag("sample.jpg", array("transformation"=>array(
array("aspect_ratio"=>"4:3", "crop"=>"fill"),
array("width"=>"auto", "dpr"=>"auto", "crop"=>"scale")
)))