2009-01-27 149 views
1

假設您正在創建一個類似eBay的網站,用戶可以在其中列出他們希望出售給他人的商品,並且希望允許他們上傳圖片。爲了使網站儘可能「乾淨」,您決定將所有圖像縮略圖呈現爲主頁上的100x100像素正方形(如果需要,可以在另一屏幕中顯示完整圖像)。調整大小VS作物

要做到這一點,最好的方法是什麼?如果您只是將圖像調整爲特定的尺寸,並冒險翹曲或裁剪圖像,並冒險切斷圖像的重要部分?或者只是以相同的長寬比縮略圖,並用一些默認顏色填充額外空間?

回答

0

你可以做到這一點。

您可以提供一個滑塊,可以按特定比例調整圖像大小,還可以讓它們圍繞裁剪區域移動,裁剪區域就是您想要的結果圖像的大小。

6

我會說,選擇將圖像大小調整爲100x100而不考慮原始圖像的方面是不可接受的解決方案。在我個人看來,最好的選擇是給用戶一個方形選擇工具,它允許他們在他們上傳的圖像上拖拽和移動裁剪區域。一旦他們選擇了裁剪區域,您將裁剪圖像並將其大小調整爲100x100像素。這會給你最簡潔的縮略圖圖像。由於圖像將鏈接到原始圖像的全尺寸圖像,因此我不擔心圖像的某些部分會丟失。

+0

用戶選擇工具正是我的想法。 – strager 2009-01-27 02:26:00

1

假設您不需要或不會使用圖形裁剪工具的用戶需要回退解決方案,我會建議用戶從中選擇的操作列表。

  • 遮幅(顯示黑條,切斷無)
  • 作物居中
  • 作物到[NE/NW/SE/SW]拐角
  • 作物到[N的中間/ E/S/W]側