在构建我的画廊应用程序时，我目前正在为不同的分辨率而苦苦挣扎。我已经意识到这个问题：照片可以是完全不同的分辨率，或者是横向/纵向拍摄的。如果我将图像强制为固定分辨率- 它们可能会被视为拉伸。如果我不这样做：我可以期待这样的事情（6张不同分辨率的不同图像的示例，只有固定的witdh）：
当我实际上正在寻找这样的东西时（6张具有相同分辨率的图像）：（
这两个画廊实际上运行的是相同的代码）
我会很感激任何关于如何让观众尽可能无痛的建议。谢谢！
4 回答
1
如果您关心有艺术头脑的摄影师，请不要裁剪图像。
将它们调整为特定尺寸的最大尺寸（宽度或高度）400px，并将它们分别放置在一个方形 div 中。
于 2012-03-30T12:43:45.187 回答
0
我认为您在谈论图像尺寸（不是分辨率，即 1 英寸中的像素数）。
为了得到你想要的东西：（1）选择你想要显示图像的宽高比（2）剪切图像的额外部分以适应上面的比例（你可以使用 PHP 的 GD 库）
例如：要将所有肖像照片变成风景照片，请将顶部和底部切掉。将肖像照片旋转成风景也是一种解决方案，但这对观众来说并不好，因为他们必须扭动脖子才能看到照片。
于 2012-03-28T09:43:37.120 回答
0
如果您不想剪掉任何内容，但仍希望屏幕上的空白尽可能少，则需要以未更改的形式找到图像的最佳排列方式。这是一个非常困难的（NP 完全？）问题，但如果你愿意，你可以走捷径。
查看您发布的图像，您可以将其中的五张相对干净地显示在一起，如下所示：将两张肖像放在彼此下方，并在肖像旁边添加三个垂直堆叠的风景。如果你缩放它们，使两张肖像的高度等于三幅风景的高度，它们看起来或多或少是相同的整体尺寸。
您可以找到适用于相机常见纵横比（例如 16:9 和 4:3）的“漂亮”屏幕填充堆叠方法，并消除该假设。
于 2012-03-30T12:38:21.240 回答
0
图库缩略图具有固定尺寸（和固定重量/高度比），但源图像具有可变尺寸（和可变重量/高度比）。在这里您有以下选项： 1- 将源图像拉伸到缩略图尺寸。2- 在源图像中添加空格（例如白色）。3- 从源图像中裁剪额外的空间。 恶魔开始
于 2017-02-27T17:57:42.230 回答