超實用!幫你快速生成任何尺寸圖片的PLACEHOLD.IT

      作者:
      2015-12-21
      1869


      設(shè)計網(wǎng)頁時常常需要找寬度、長度合適的圖片來填充區(qū)塊,或是測試不同大小圖片的表現(xiàn)。這往往可能浪費很多時間,甚至還要自己動手制作某些特殊尺寸的圖片,相當(dāng)麻煩。透過方便的在線工具Placehold.it ,可以快速產(chǎn)生任何大小的占位圖片,且能自定義圖片的格式、顯示的文字、顏色等等。

      Placehold.it

      6hhhhh20151218

      舉例來說,Placehold.it 首頁左側(cè)就提供了最基本的使用方式,直接在http://placehold.it/ 后面填上你要的圖片尺寸,例如 http://placehold.it/350×150 ,然后以 <img > 卷標(biāo)來將圖片貼入網(wǎng)頁,就能夠自動生成 350×150 的圖片。

      變更圖片格式:

      5hhhhh20151218

      在 Placehold.it 默認(rèn)的圖片格式為 gif, 如果你想要使用 .jpeg / .jpg / .png 等圖片格式的話,僅需要在網(wǎng)址后面加上擴展名,例如 http://placehold.it/350×150.png ,這樣就能夠產(chǎn)生 png 格式的占位圖。

      變更圖片文字:

      4hhhhh20151218

      默認(rèn)的圖片內(nèi)顯示的是圖片尺寸,不過你可以將它設(shè)定為其他文字(不支持中文),目前僅能使用大、小寫的 A-z 、數(shù)字及大部分的符號,使用的方法很簡單,只要在網(wǎng)址內(nèi)加上 &text= 后面接入文字就可以了,例如:http://placehold.it/336×280&text=FreeGroup.org+Cool! 。

      設(shè)定圖片背景、文字顏色:

      3hhhhh20151218

      默認(rèn)圖片使用灰色色系,如果你有需要將圖片的背景、文字顏色做變更,只要在網(wǎng)址后面分別加入背景及文字顏色的 hex codes 即可(#ffffff 是白色),例如:http://placehold.it/250/000000/ffffff (前面被景色、后面文字顏色)。

      快速產(chǎn)生正方形圖片:

      2hhhhh20151218

      Placehold.it 圖片高度是選用的。如果你直接在網(wǎng)址后面加入一個數(shù)值,例如http://placehold.it/100 ,那么就會產(chǎn)生一個 100×100 的正方形圖片,非常簡單。

      這個服務(wù)真的非常的方便且實用,尤其對于常常制作網(wǎng)頁的朋友來說,省去找范例圖片的麻煩,而且 Placehold.it 也幫你處理了圖片儲存的問題,甚至不用自己上傳、儲存圖片,直接從遠(yuǎn)程以網(wǎng)址調(diào)用圖片就能使用。

      Dummyimage

      如果你覺得 Placehold.it 不夠直覺、簡單的話,那么可以試試看 Dummyimage,它一樣是個占位圖片產(chǎn)生器,不過可以設(shè)定要產(chǎn)生的圖片尺寸、背景顏色、文字顏色、文件格式及顯示的文字,使用上較 Placehold.it 簡單一些。

      1hhhhh20151218
      1
      5
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 精品国产一区二区三区无码| 一区二区三区高清| 欧美激情国产精品视频一区二区| 另类免费视频一区二区在线观看| 国产一区二区在线观看| 午夜无码视频一区二区三区| 国产成人一区在线不卡 | 久久精品亚洲一区二区| 国产综合精品一区二区| 综合无码一区二区三区四区五区| 一区二区三区观看| 国产成人一区二区三区高清| 毛片无码一区二区三区a片视频| 丝袜美腿一区二区三区| 久久久91精品国产一区二区三区| 国产一区在线观看免费| 无码国产精品一区二区免费 | 亚洲熟妇无码一区二区三区导航| 亚洲国产精品乱码一区二区| 精品国产香蕉伊思人在线在线亚洲一区二区| 久久福利一区二区| 无码人妻精品一区二区三区久久 | 亚洲日本一区二区| 在线精品国产一区二区三区 | 消息称老熟妇乱视频一区二区| 中文字幕Av一区乱码| 亚洲高清偷拍一区二区三区| 日韩精品电影一区亚洲| 一区二区三区视频在线播放| 久久亚洲色一区二区三区| 国产精品主播一区二区| 国产亚洲日韩一区二区三区| 国产精品特级毛片一区二区三区| 亚洲AV无码一区二区二三区软件 | 国内偷窥一区二区三区视频| 精品国产福利第一区二区三区| 久久久综合亚洲色一区二区三区| 少妇人妻精品一区二区三区| 在线精品视频一区二区| 国产精品综合一区二区| 免费萌白酱国产一区二区三区|