Question

我有一个应用程序，允许人们使用bb代码在每个其他配置文件上发布图像。问题是，一些非常大的图像会在观看时覆盖网站的其他部分。

如何缩小图像，客户端，因此它们不大于x维度？

EDIT。这些是myspace配置文件样式图像....人们用[img]标签发布。它们不会上传或存储在网站上。

Answer 1

在服务器端缩小它们。我猜你无论如何都要把它存放在那里。将其存储在那里将减少从服务器传递到客户端的数据量。如果存储大图像，则会在每个请求中向客户端发送大量不必要的数据，这些数据较慢。

如果您真的想在客户端进行此操作，我猜CSS会为您调整大小。

修改尝试下面，看到它在另一个论坛上使用，在IE中工作，应该在大多数浏览器中工作：使用css，将img设置为：

width: 590 px;

和div围绕着它：

max-width: 590 px;

Answer 2

在网站上传时调整图片大小会好得多。这样，您就可以强制实施最适合您网站的最大尺寸。

如果您依赖于渲染图像然后调整其大小，则会产生闪烁效果，因为图像以全尺寸显示，然后缩小。

另一种选择是将图像显示在具有设置大小和溢出的div中：隐藏。

Answer 3

CSS：

#post img {
    max-height: 1000px;
    max-width: 500px;
}