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

這里主要以微信和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

// 廣告334 x 200
http://mmbiz.qpic.cn/mmbiz/m79YxykhR1vKicdfyicOTQlWl2zkZRftMjw0lQvclPfEo5t7wkDGLNh2Vgxjr50fxlp9tE3Nb6LwO98Sh2UfREHg/640?wxfrom=5&wx_lazy=1

// 6張圖片 150 x 203
http://140.207.234.30/mmsns/y5RpFDuUObyB1wvAlG2ib2rGwXictXHPzFsFo1UYrzD9BYKmHoeEibxCPzicxQ9OibHdljqMmJSFrFXM/150?tp=wxpc&length=2208&width=1242

// 200 x 150
http://140.207.234.30/mmsns/y5RpFDuUObyB1wvAlG2ib2licuKrosSWmHVxbjfzdEk30iaKbSHft9U5W5ZHqQbHhq7wpz72NtCgQ8/150?tp=wxpc&length=2208&width=1242