標籤:

知乎微博上經常附帶一些知乎問答的長圖片,這種圖片是怎麼製作的呢?

比如:http://e.weibo.com/1904769205/y5TrPj8xY


可以用 Firefox。

  1. 更新:評論中 @李卿 提到,可以直接訪問 m.zhihu.com 獲取移動版頁面。

    你也可以安裝 User Agent Switcher 或功能更強大的 Web Developer,把 User Agent 改爲 iPhone 並刷新。

  2. Ctrl+Shift+K 打開開發者工具,打開 Responsive Design Mode,找個寬度爲 320 的解析度。

  3. Shift+F2 打開命令行,用 screenshot --fullpage 命令截屏。

然後就好了。


不邀也謝謝你。

終於有一個問題我能比較有自信的回答了。

對於生成長圖片這樣的軟體我下載過不止十幾種。感覺就是還沒有一款是比較完美的。

---------------不怎麼調皮的分割線-----------

接下來乾貨來了。

上面答案全部大部分都是太麻煩。要麼收費,要麼需要pc端,要麼不好用,要麼解析度不清。

在我研究這麼長時間以來發現一兩款簡單實用而且逼格滿滿的長圖片生成器。都是手機端的喲。

美圖秀秀,小Q畫筆,wps,鎚子便簽。這些都是輔助工具都很好用的。

最具逼格的zine、拼了個長圖。這兩個結合用可能會更好。

比如像這樣的長圖片,一點痕迹都沒有。

最後如果你還想做一張更有逼格圖文混雜的長圖片,我建議你用zine。

真心謝謝你們長得這麼美還為我點贊。


不要用Chrome!!

看到第一個答案,想順手寫一個Chrome的,發現用Chrome做這事真TM的蛋疼 ∑(っ#°Д°)っ

1、右鍵「審查元素」或者按F12進入開發者工具

上方Tab選擇「Console」,下方Tab選擇「Emulation」,然後就可以可以直接選擇常用設備或者設置屏幕解析度、UA之類的東西了。

是不是比FireFox方便呢,我大Chrome就是牛X &<( ̄▽ ̄)&> 哇哈哈…

2、然後按F5刷新頁面_(:3 」∠)_

3、接下來截取全頁就行了,我用的是這個拓展 https://chrome.google.com/webstore/detail/alelhddbbhepgpmgidjdcjakblofbmce

結果沒想到截出來的是這個鳥玩意兒(╯°□°)╯︵ ┻━┻

http://p1.zhimg.com/8c/2e/8c2e9bd2a69a96dfe6d3e99c482565b2_m.jpg

大概是Chrome API只允許截取當前Tab內容吧,然後再拼接而成

機智如我,想到把瀏覽器窗口化,然後把寬度拉至最窄wwwwwwww

心想這下應該沒問題了吧,再次點擊了截取整個頁面

可是…Chrome君,誰讓你把滾動條給截下來了(╯°□°)╯︵ ┻━┻(話說以前似乎沒遇到過這問題啊…莫非Chrome更(zuo)新(si)弄的?

http://p1.zhimg.com/49/3f/493f19b4320f87fd8bbbd2d9c7119d41_m.jpg

一不做二不休,咱把滾動條隱藏試試

http://p4.zhimg.com/74/61/746126c0d8ede6ac475307af191177d1_m.jpg

可是怎麼還是有條虛線&<(‵□′)/

最後只好徹底放棄使用Chrome拓展截圖,用PicPick這截圖軟體滾動截屏功能把圖弄好了orz

就截圖而言相比FireFox麻煩的一逼啊╮(╯▽╰)╭


我來推介一款吧,感覺不錯

軟體名稱:Faststone Capture

這是截圖效果

截圖後頁面可以編輯

順便做一回雷鋒吧,下載地址:屏幕截圖FSCapture_7.7_Chs_Green.zip_免費高速下載


現在鎚子筆記橫空出世了。


推薦閱讀:

這15個圖片網站,至少讓你的效率翻一倍!「圖片資源網站」| 求職乾貨記
怎樣保證圖片轉cad圖的質量
鋼構森林生存技巧展示格柵矢量化圖紙處理(更新中)
做PPT不會用圖片?看這一篇就夠了

TAG:知乎 | 圖片 |