很容易調整圖像的大小,使它們在保持高寬比的同時都具有相同的高度,但是它們是如何將它們全部放在一排上以使每一行具有相同的寬度?他們是否裁剪了一些圖像或什麼?Google圖像是如何使每行寬度標準化的?
回答
記得在谷歌圖片(除種植) -
- 圖像之間的間距並不總是完全一樣。
- 一排中所有圖像的高度也不總是相同。
使用上述2種技術,即調整圖像之間的空間和通過降低高度來改變圖像大小,可以實現這一點。事實上,在文本編輯器中選擇段落選項也使用間距技術。他們均勻分配所有單詞之間的額外間距。
在google圖片搜索中,您並不總是能找到一個好的空格。請參閱本 -
alt text http://dailycoding.com/filesharing/Google_image_search.jpg
它看起來並不像一個簡單的「辯護」會做的伎倆。 90%的行似乎擁有完全均勻的間距,而那些較小的圖像只是奇怪的 - 你認爲Google有意讓這些圖像的其餘部分更好嗎?破壞IMO的上訴。 – mpen 2010-08-07 06:47:28
他們實際上弄清楚通過算法把圖像旁邊的海誓山盟所以用填充和一切他們最終會被相同的寬度,然後他們緩存該頁面爲您搜索的關鍵字!
你說的權威性 - 你的來源是什麼? – mpen 2010-08-07 06:53:44
我在找同樣的東西時發現了一篇非常有趣的文章。如果你看看谷歌圖片,你可以看到不是所有的行都有相同的高度。但連續的所有圖像都具有相同的高度。所以你想要做的是計算你需要的行的正確高度,以便圖像適合(如果圖像變得更高或更低,圖像就會伸展)。本文將可能的幫助
http://blog.vjeux.com/2012/image/image-layout-algorithm-google-plus.html
- 1. 如何使用八度對圖像進行標準化?
- 2. 圖像標準化
- 3. 標準化用戶提交圖片的高度和寬度
- 4. 如何使用javascript檢測圖像內圖標的寬度?
- 5. 是否有新的標準網頁寬度?多少像素?
- 6. Google Python圖像庫 - 如何根據圖像寬度調整圖像大小?
- 7. 如何設置標記包含圖像的寬度和高度
- 8. 圖像清晰度度量標準
- 9. 如何使用位圖增加圖像的高度和寬度
- 10. 標準固定表寬度
- 11. 圖例圖標寬度變化
- 12. 在iPhone中使用固定圖像寬度計算圖像高度的標準比例?
- 13. 如何更新使用標準化多個圖像laravel
- 14. 如何從圖像標籤獲取寬度和高度屬性?
- 15. 如何使R中的數據標準化和非標準化?
- 16. 標準化圖像中的顏色
- 17. 如何增加圖像的寬度
- 18. 如何調整圖像html的寬度除了寬度
- 19. 如何將網站寬度從標準尺寸改爲寬屏?
- 20. 如何標準化表格行高度行爲
- 21. jQuery獲取每個圖像的寬度,然後將css寬度添加到每個圖像
- 22. onhover如何使用jquery獲取圖像的寬度和高度
- 23. CSS:如何使底部的div寬度與上面的圖像寬度相同?
- 24. 用jquery獲取圖像的div寬度圖像寬度
- 25. 使用自動佈局,如何讓同一「行」上的兩個標籤在寬度上動態變化(根據每個標籤的寬度進行調整)?
- 26. 如何減少我在id標記中的圖像寬度?
- 27. IEC 61968標準是不是「標準化」?
- 28. 使div的寬度等於它包含的圖像的寬度
- 29. 設置圖像寬度跨越標籤
- 30. 如何確定通知大圖標寬度和高度以及大視圖圖像寬度
如果我可以給你,要求在更廣泛的問題進行提示,並更好的辦法。你在這裏的措辭並不好。爲什麼不提出一個問題,因此可能會被封閉或提出論點,或者對於廣泛的受衆而言通常是無用的。爲什麼不說一些像'我如何組織圖像...',並將你注意到的有趣事物歸納爲一些你自己不知道如何解決的問題或問題。這樣,這個問題就更有用了,也許你甚至不需要去問,因爲你可以通過分析自己解決問題。 – 2010-08-07 05:26:12
@silky:問「如何以這種方式組織圖像」和「Google如何以這種方式組織圖像」之間有什麼區別?短語可能並不完美,但我認爲我得到了這個問題的答案,不是嗎?哎呀,我甚至經歷了添加圖像以清楚表達的麻煩。我沒有一個具體的問題;我今天早些時候偶然發現了它,發現它很有趣。可能要在未來的項目中使用該佈局。 – mpen 2010-08-07 06:39:24
我不應該向你解釋;說實話,我無法理解你怎麼不明白我想說什麼,我不在乎花時間向你解釋。我不會繼續與你討論這個問題或任何其他問題。我留下了。 – 2010-08-07 07:02:54