在构建图库时处理不同的分辨率

Question

在构建我的 gallery-application 时，我目前正在努力解决不同的解决方案。我意识到了这个问题：照片可以是强烈的不同的分辨率，或者采用风景/肖像。 如果我强制将图像强制为固定分辨率，则可能会将其视为拉伸。 如果我不这样做：我可以期待这样的事情（6个不同图像的例子，分辨率松散，只有固定的witdh）：

当我真正寻找这样的东西时（6张相同分辨率的图像）： （这两个图库实际上运行相同的代码）

我很欣赏有关如何让观众尽可能无痛苦的建议。谢谢！

Answer 1

如果您关心艺术头脑的摄影师，请不要裁剪图像。

将它们调整为最大尺寸（宽度或高度）到特定尺寸400px，并将它们放在一个方形div中。

Answer 2

我认为您正在谈论图像尺寸（不是分辨率，即1英寸内的像素数）。

得到你想要的东西： （1）选择要显示图像的宽高比 （2）剪切图像的额外部分以适应上述比例（你可以使用GD库的PHP）

例如： 要使所有肖像照片成为风景照片，请切掉顶部和底部。将肖像照片旋转成风景也是一种解决方案，但这对观众来说不会很好，因为他们必须扭转脖子才能看到照片。

Answer 3

如果您不想剪掉任何东西，但仍希望在屏幕上尽可能少的空白，则需要以未改变的形式找到最佳的图像排列。这是一个非常困难的（NP完全？）问题，但如果你愿意，你可以削减一些角落。

查看你发布的图片，你可以将它们中的五个相对干净地展示在一起：将两个肖像画面彼此放在一起，并在画像旁边垂直叠加三个横向画面。如果你缩放它们以使两幅肖像的高度等于三幅风景的高度，它们看起来或多或少都是相同的整体尺寸。

您可以找到适用于相机常见宽高比的“漂亮”屏幕填充堆叠方法，例如： 16：9和4：3，取消了这个假设。

Answer 4

图库缩略图具有固定的尺寸（和固定的重量/高度比），但源图像具有可变尺寸（以及可变的重量/高度比）。这里有以下选项： 1-将源图像拉伸到缩略图尺寸。 2-在源图像中添加空白区域（例如白色）。 3-从源图像中裁剪出额外的空格。 Demonstartion