0

我正在建立一個響應式網站的項目。我們遇到的痛苦就是在不同的顯示模式下處理圖像的內容。請注意:圖片內容如何在響應式網站中處理圖像內容顯示?

問題是:在PC視圖的大部分頁面中,圖像以橫向和縱向比例很大的橫向顯示。現在,當他們進入移動視圖時,我們必須在不同的框架中顯示它。正如你可能想象的那樣,現在圖像的內容被縮放和裁剪,然後在移動視圖中導出爲一些非常奇怪的圖像。就像一幅廣闊的圖片,人們幾乎在左側,但裁剪後只剩下圖片中的無意義物體。恕我直言,通過技術解決方案,我們只處理圖像的技術屬性(調整大小,縮放),我們無法處理圖像內容,這確實是一個人的問題,對嗎?

我想約4解決方案:

  • 1 - 儘管客戶的感情,我們只是縮放圖片(保持 所有內容,只是調整其大小)。輸出有時會非常可笑 我猜是因爲將風景圖片調整爲 肖像或方形圖片。但這大多是最簡單的方法。
  • 2 - 考慮在移動視圖上對圖像大小進行圖像處理,並通過選取圖片的中心區域自動裁剪圖片。正如我上面所說, 它畢竟產生了無意義的圖片。
  • 3 - 通知客戶,每當他們上傳圖片時,他們必須上傳2份副本,其中1份用於桌面視圖,1份用於移動視圖,他們肯定負責在正面顯示內容。花費大量的努力需要花費在客戶身上,但更易於開發。
  • 4 - 高級功能:用戶只能上傳1張圖片,我們提供 不同的視圖端口和一個裁剪器,供他們決定如何在裁剪後的圖片上顯示 。

我沒有太多處理這些東西的經驗,也不確定這個世界如何處理這種情況。正如我現在看到的WordPress的只需要用戶只上傳1張照片,它會自動縮放(我的第一選擇)。有沒有人有這方面的經驗?您可以與我分享您的解決方案以及您對我的上述解決方案的看法嗎?謝謝。

回答

0

你可以爲他們建立一個簡單的網絡應用程序來上傳圖片,併爲你的客戶預覽如何使圖片看起來像桌面和移動。在PHP中,有GD庫,它很容易用於裁剪和調整大小。

相關問題