社交應用動態九宮格圖片的規則

這裏主要以微信和QQ空間爲作爲研究對象，得到的結論如下。

QQ空間裏的動態

iOS設備，以iPhone6爲分界

iPhone6及以上分辨率的設備：

當寬且高同時 > 512px時，判斷寬/高的比例值：大於 2時，以高度爲基準，縮小到512px，寬度等比縮、小於等於 2時，以寬度爲基準，縮小到512px，高度等比縮
當寬、高其中一邊小於512px，直接下原圖；

iPhone6以下的設備（5s、SE、4s），判斷條件同上，只是將512px改爲200px

Android規則同上，只是以1280分辨率爲分界

QQ空間是儘量平鋪佔滿寬度，二張圖片時平分寬度，三張時也平分寬度，均佔一行，四張時像四個象限一樣，上、下各佔一行，五張是上三張下二張，六張時上、下各三張，七、八、九張就鋪第三行了。

微信朋友圈

未對屏幕進行區分，但對只上傳一張圖片進行了特殊的處理，二張或二張以上的圖片寬 x 高以150爲閥值，二邊都大小150時，以較小的一邊爲基準進行等比縮放。

當圖片爲三張時，3、5位置對調，排成一行：1、2、3，二張時排一行：1、2，格子大小提前就已經佔好位置。

單張圖片，如果0.5 < = 寬 / 高 <= 2 時，被限定在1 - 4格子的範圍大小（包括間距）

單張圖片，寬 / 高 > 2的圖片（如全景圖），最多佔三欄，高最多佔一欄（包括間距大小）

寬 / 高 < 0.5（如微博長圖），高最多佔二欄，寬度最小佔二欄1/3（包括間距）

朋友圈與QQ空間的區別在於，大小一張圖片的時候，微信是按事先定義好的格子大小放圖片，而QQ空間則是按平分屏幕寬度來算的。從使用角度來講，二者的主要區別在於QQ空間更加突出圖片這個屬性，我的iPhone6 Plus一屏如果某條動態有9張圖片，那基本上我只能看全一條動態，而朋友圈，我一屏至少可以看到二條均帶9張圖片的動態，圖片佔幅不算特別大，而且可以看得清部分的文字，看上去感覺更加和諧一些。

上述的規則可能存在不準確的地方，是通過反覆測試、抓包方式來推斷出來的，微信因爲使用的是ipv6，而且圖片貌似是動態CDN，有權限的驗證，請求圖片時並沒有直接返回圖片，而是一個類似二進制的文件，這樣做的目的估計是出於產品隱私性的考慮吧，畢竟微信是面向熟人的，如果圖片的規則能被破解或者url能直接主動，勢必會讓使用微信的用戶覺得我發的圖片並不是真正的私密（不安全），不過動態CDN成本比靜態CDN高出不少。

這裏先貼出部分能抓到的微信請求的url

// 視頻封面 320 x 240 http://vweixinthumb.tc.qq.com/150/20250/snsvideodownload?filekey=30270201010420301e02020096040253480410600248dca5d9c581e27fbd5111a9349b0202151b0400&bizid=1023&hy=SH&fileparam=302c020101042530230204816d4328020458059a8502024f1a02031e8d7e02030f424002042f5e320a0201000400

// 個人頭像 132 x 132 http://wx.qlogo.cn/mmhead/ver_1/UGuDguTdib0mHzgxB0I5SegibWXM5w3wuIOEVWygIOrLPcL5E50SAtFuq0ia9ichPMWmadEOTfTmzr0LF8hIjE4zJw/132

// 視頻封面 320 x 240 = 4 : 3 http://vweixinthumb.tc.qq.com/150/20250/snsvideodownload?filekey=30270201010420301e02020096040253480410f1f2401a6c62f09ececa00c6cf099f3902023b9b0400&bizid=1023&hy=SH&fileparam=302c0201010425302302046cfba775020458048d5402024f1a02031e8d7d02030f424002041260320a0201000400

// 9張圖片中的一張 150 x 200 = 3 : 4 http://140.207.234.29/mmsns/kiaXicXJs2M4d4Cj5yoIFEcPBQlNiaos8DGA33icYyhcYPrf1S90BSnHj6JC7YnTrotyjibXOrmkgmOo/150?tp=wxpc&length=2208&width=1242

// 150 x 150 http://140.207.234.29/mmsns/czSFWUxMIFicELY0FicKp8mAKEPgR7TMGwSLE8Ue2TTB6N5nfhrNSAE0Hn0UcVicJYlSzN24Sy4C6I/150?tp=wxpc&length=2208&width=1242

// 某條消息 150 x 68 http://140.207.234.32/mmsns/kqodNCVWpEuNZC3Qicgqw0YBlwXlhO9agvRaiaTDoOUnSibRFtNf9KDS57dYp0to1Z2RM0tQicYZCZg/150?tp=wxpc&length=2208&width=1242

// 羣頭像 139 x 139 http://223.167.86.100/mmcrhead/Q3auHgzwzM4SzCRNKrGw4Qr3iarHic17WGvuJm6o8lQcicludw8LPmW3Jb783SgFZqNLTYfJFHjkJdy65ppUwNM1w/0

// 自己的朋友圈封面 640 x 640 http://140.207.234.31/mmsns/4376ae1e0cf0ccced233def9ad1560d0dec29d64941ab85a818b17f43e6dadabcba7fb71e9dd2494fdead4b0db253944831124813608c824/0?tp=wxpc&length=2208&width=1242

// 225 x 150 http://140.207.234.31/mmsns/LwcbhAmMnZCGOvDT3GV29UDibiaoSiauzPfTJ0C8LIwERqxsFUTgtxq8PN9zuXeuLwyWBdajS83l5I/150?tp=wxpc&length=2208&width=1242

//默認圖像 70 x 70 http://mmsns.qpic.cn/mmsns/iaxNB5XaibCeLTYWIUGCYm7cS1kFxTx4ibUSEBZJ6VnOdXPDItJ9PaGRg/0

// 個人頭像96 x 96 http://wx.qlogo.cn/mmhead/PiajxSqBRaEJACUXXpRJhrQaSa2ic9EY4C3H5jC8eGP050nUlNSa05sw/96