Question

所以我正在创建一个网站，其中一部分用户可以发布帖子并放置图像。当用户上传照片时，我希望它将其调整为较小以适应帖子大小。问题是一些用户将以横向上传和其他用户纵向上传。我也不知道纵横比（3：4,16：9）。我怎样才能为此设置我的网站？我知道如何调整图像大小，但是我应该只调整宽度并保持高度比例吗？以及如何设置我的动态HTML？

所以这里有类似于我正在做的事情...... http：//fiverr.com/。

他们有类似的帖子设置。当我弄乱他们的图像宽度时，它所做的就是将它拉伸到位。此外，它们似乎没有纵向视图中的图片。有人可以解释这个，因为我怀疑NOONE上传了一幅肖像照片

Answer 1

            old_height
new_height= ---------- * new_width
            old_width

          =    aspect  * new_width

Answer 2

在决定是否按宽度或高度调整大小之前，您必须将图像的宽高比与视口进行比较。

如果您的图片显示区域为viewport_w x viewport_h且上传的图片为w x h，那么（伪代码）：

viewport_aspect_ratio = viewport_w / viewport_h;
image_aspect_ratio = w / h;

if (image_aspect_ratio > viewport_aspect_ratio) {
    // image aspect ratio is wider than our viewport
    // resize to fit viewport width
    new_w = viewport_w;
    new_h = image_h * viewport_w / image_w;
} else {
    // image aspect ratio is taller than our viewport
    // resize to fit viewport height
    new_w = image_w * viewport_h / image_h;
    new_h = viewport_h;
}

// resize image to new_w x new_h

动态html内容，php宽高比

2 个答案: