我在說的是類似500px.com的東西。每張圖片的高度和寬度都是相同的,當它按照這種方式佈置時,它看起來很棒。我一直在尋找一點,似乎無法找到實現這一目標的教程。我知道如何簡單地調整圖像大小,但我正在尋找特定的東西。裁剪圖像到相同的高度和寬度?
1
A
回答
1
而不是做圖像調整大小/裁剪客戶端,嘗試使用服務器端實用程序集。
假設你正在你的服務器上運行PHP和可以安裝ImageMagik(如果它尚不存在)
0
這取決於。如果源圖像的高度和寬度已經一致,那麼調整它們的大小並保持縱橫比較直接,儘管尺寸的增加最終會導致失真。
但是,如果它們的高度/寬度不同,那麼只需將它們強制爲一致的大小即可使其變形。您需要裁剪邊緣上可能和鬆散的部分。最好的方法是找到圖像的中心,並根據你想要的方面找出寬度和高度。
一旦你有了這個圖像,你可以調整大小。
雖然在服務器端代碼中執行此操作可能更快/更高效。
+0
謝謝!我似乎無法找到任何有關如何完成此任務的材料。你知道嗎? – SeanWM
相關問題
- 1. JCrop得到裁剪寬度和高度
- 2. 引導3-裁剪圖像以適合寬度和高度
- 3. 如何裁剪圖像獲取寬度285和所有圖像的高度170?
- 4. App Engine裁剪到特定的寬度和高度
- 5. Imageresizer doe不裁剪寬度,但僅裁剪高度
- 6. 當設置高度和寬度時,圖表會被剪裁
- 7. 用動態寬度和高度裁剪圖像的可見部分
- 8. Android - 從可調整大小,獨立高度和寬度的裁剪區域拍攝的裁剪圖像
- 9. 基於固定高度和寬度的剪裁文本
- 10. 將圖層陰影裁剪爲寬度而不是高度?
- 11. 如何裁剪尺寸的圖像作爲設備的高度 - 寬度?
- 12. 如何繪製寬度和高度的剪切圖像c#
- 13. 引導 - 與高度和寬度相同
- 14. 將圖像調整爲瀏覽器寬度/高度而不裁剪
- 15. 響應式圖像並排不同寬度但高度相同
- 16. 如何在寬度%和高度%上剪下圖像
- 17. 檢查圖像的寬度和高度
- 18. 獲取圖像的寬度和高度
- 19. divs中圖像的寬度和高度
- 20. Jquery中的寬度和高度圖像
- 21. 動態的圖像寬度和高度
- 22. 更改圖像的寬度和高度
- 23. 設置圖像的寬度和高度
- 24. 獲取圖像的寬度和高度
- 25. CKEditor ACF圖像的寬度和高度
- 26. 獲取圖像的寬度和高度
- 27. 更改圖像的高度和寬度
- 28. css裁剪圖像保存寬高比
- 29. CSS - 裁剪圖像高度以匹配文本長度
- 30. 如何設置所有圖像的iFrame寬度高度相同
謝謝!這正是我所期待的。 – SeanWM
該網站似乎已關閉,但仍在archive.org回購協議中。 http://web.archive.org/web/20111212093014/http://jueseph.com/2010/06/opticrop-usage-and-implementation/ –