与 CSS 相比，使用 ImageMagick 调整图像大小有什么好处？答案

【问题标题】：What is the benefit of resizing images with ImageMagick as opposed to CSS?与 CSS 相比，使用 ImageMagick 调整图像大小有什么好处？
【发布时间】：2019-11-14 17:10:24
【问题描述】：

所以我的 ruby on rails 应用程序具有允许用户上传图片的功能。我知道 Active Storage 可以使用 ImageMagick 来调整这样的图像大小

model.image.variant(resize: "100X100")

不过，您也可以在 CSS 中这样做：

<%= image_tag(rails_blob_url("file_name.jpg"), width: '100px', height: '100px') %>

你应该使用哪一个？我应该使用 ImageMagick 还是 CSS？

【问题讨论】：

标签： html css ruby-on-rails image-processing imagemagick

【解决方案1】：

CSS 在放大或缩小时最多可能会进行线性插值。但是 ImageMagick 有许多高级插值过滤器，不仅仅是像素复制或线性插值，它们可以产生更清晰的结果和/或更少的伪影。见https://imagemagick.org/Usage/filter/和https://imagemagick.org/Usage/filter/nicolas/

【讨论】：

【解决方案2】：

第一种方法的优点是最终文件的大小。

当您使用 imagemagick 作为调整大小时，文件的最终输出是一个实际的 100x100 文件，比方说，它的重量为 100KB。然后将此文件发送到前端，该文件将是一个仅重 100KB 的资产。

另一方面，如果你只在视图中调整它的大小，原始资源将被渲染，然后在前端调整大小，但是服务器和客户端将不得不处理一个 1MB 的文件而不是一个100KB，这会影响应用的性能。

【讨论】：