html - 在服务器上创建许多图像或在浏览器中调整大小?

标签 html css image gallery

目前我正在设计一个新的画廊,我有很多不同的图像尺寸,用于在前端以不同的方式呈现。现在我想知道我是应该在服务器上创建每个尺寸还是只创建几个尺寸然后使用浏览器调整尺寸和 HTLM/CSS “裁剪”。

因此服务器上有很多图像,磁盘上有很多空间,还有很多来自客户端的请求,而请求更少,空间更少,浏览器调整大小/裁剪。

我倾向于认为第二种解决方案更先进、更现代,但也更复杂?

感谢您的任何建议!

最佳答案

正如您自己所说,这确实是一种权衡。不过,性能变得越来越重要,甚至会影响页面排名,这是在服务器上保留各种尺寸的一个很好的理由,即仅在用户需要查看所有缩略图时才发送缩略图。

如果您想进行编程工作,可以使用像 ImageMagick 这样的库从大图像生成小图像。这样,您只需要将大图像存储在服务器上。缺点是编程工作量和额外的服务器负载;由于空间很便宜,除非您需要提供许多不同的变体,否则可能不值得。

关于html - 在服务器上创建许多图像或在浏览器中调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6949290/

相关文章:

javascript - 具有类名的多个复选框更改功能,但 JavaScript 中的类名相同

html - 如何在css中自上而下之前从左到右流动多列元素?

css - 使图像响应

JavaScript 提交表单加上 map 区域的值?

javascript - 如何通过svg绘制线性渐变圆圈?

python - 检测图像中白色背景的有效方法

javascript - 类似于页面布局的 Flipboard

html - 重定向选择框中的选择选项

javascript - 为什么modal弹出按空格键会按?我该如何预防?

html - 如何制作无需滚动即可显示整个 View 的图像标题?