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

Question

所以我的 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？

Answer 1

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

当您使用 imagemagick 作为缩放器时，文件的最终输出是一个实际的 100x100 文件，比方说，它的权重为 100KB。然后你将这个文件发送到前端，这将是一个只有 100KB 的 Assets 。

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