2012-03-28 27 views
1

我正在努力與不同的決議當建立我的畫廊應用。我已經意識到這個問題:照片可以在不同的分辨率,或採取風景/肖像。 如果我強制圖像到固定分辨率 - 他們很可能被視爲拉伸。 如果我不行,我可以想到這樣的事情(與寬鬆的分辨率,只有固定witdh 6倍不同的圖像爲例): enter image description here建築畫廊時處理不同的分辨率

當我實際上是尋找這樣的事情(6幅圖像具有相同的分辨率): (這兩個畫廊實際運行相同的代碼)

我會很感激,就如何使這是無痛的,儘可能爲觀衆任何建議。謝謝!

回答

1

如果你關心藝術頭腦攝影師的任何事情,不要裁剪圖像。

將它們調整爲最大尺寸(寬度或高度)爲特定尺寸(400px),並將它們分別放置在方形div中。

0

我想你說的是圖像尺寸(而不是分辨率,這是1英寸像素的數量)。

爲了得到第東西要: (1)選擇一個要顯示的圖像 (2)的圖像的額外部分的切割以適合上述比的寬高比(u可以使用GD庫對於PHP)

例如: 要使所有人像照片變成風景照片,請切斷上方和下方。將人像照片旋轉成風景也是一種解決方案,但這對觀衆來說並不好,因爲他們必須扭動頸部才能看到照片。

0

如果您不想切斷任何東西,但仍然希望儘可能在屏幕上留下儘可能少的空白,則需要以未改變的形式找到圖像的最佳排列方式。這是一個非常困難的(NP-complete?)問題,但是如果你願意,你可以削減一些角落。看着你發佈的圖片,你可以像這樣相對乾淨地顯示其中的五張:將兩張相片放在下面,並在肖像旁邊垂直堆疊三張橫向照片。如果您按比例縮放它們以使兩幅肖像的高度等於三幅風景的高度,則它們看起來會大致相同。

您可以找到「漂亮」的屏幕填充堆疊方法,用於相機的常見長寬比例如, 16:9和4:3,並取消這一假設。

0

圖庫縮略圖具有固定尺寸(和固定的重量/高度比),但源圖像具有可變尺寸(以及可變重量/高度比)。這裏有以下選項: 1-將源圖像拉伸到縮略圖尺寸。 2-向源圖像添加空白(例如白色)。從源圖像中裁剪額外空間。 Demonstartion