設(shè)計(jì)網(wǎng)頁(yè)時(shí)常常需要找寬度、長(zhǎng)度合適的圖片來(lái)填充區(qū)塊,或是測(cè)試不同大小圖片的表現(xiàn)。這往往可能浪費(fèi)很多時(shí)間,甚至還要自己動(dòng)手制作某些特殊尺寸的圖片,相當(dāng)麻煩。透過(guò)方便的在線工具Placehold.it ,可以快速產(chǎn)生任何大小的占位圖片,且能自定義圖片的格式、顯示的文字、顏色等等。
舉例來(lái)說(shuō),Placehold.it 首頁(yè)左側(cè)就提供了最基本的使用方式,直接在http://placehold.it/ 后面填上你要的圖片尺寸,例如 http://placehold.it/350×150 ,然后以 <img > 卷標(biāo)來(lái)將圖片貼入網(wǎng)頁(yè),就能夠自動(dòng)生成 350×150 的圖片。
變更圖片格式:
在 Placehold.it 默認(rèn)的圖片格式為 gif, 如果你想要使用 .jpeg / .jpg / .png 等圖片格式的話,僅需要在網(wǎng)址后面加上擴(kuò)展名,例如 http://placehold.it/350×150.png ,這樣就能夠產(chǎn)生 png 格式的占位圖。
變更圖片文字:
默認(rèn)的圖片內(nèi)顯示的是圖片尺寸,不過(guò)你可以將它設(shè)定為其他文字(不支持中文),目前僅能使用大、小寫(xiě)的 A-z 、數(shù)字及大部分的符號(hào),使用的方法很簡(jiǎn)單,只要在網(wǎng)址內(nèi)加上 &text= 后面接入文字就可以了,例如:http://placehold.it/336×280&text=FreeGroup.org+Cool! 。
設(shè)定圖片背景、文字顏色:
默認(rèn)圖片使用灰色色系,如果你有需要將圖片的背景、文字顏色做變更,只要在網(wǎng)址后面分別加入背景及文字顏色的 hex codes 即可(#ffffff 是白色),例如:http://placehold.it/250/000000/ffffff (前面被景色、后面文字顏色)。
快速產(chǎn)生正方形圖片:
Placehold.it 圖片高度是選用的。如果你直接在網(wǎng)址后面加入一個(gè)數(shù)值,例如http://placehold.it/100 ,那么就會(huì)產(chǎn)生一個(gè) 100×100 的正方形圖片,非常簡(jiǎn)單。
這個(gè)服務(wù)真的非常的方便且實(shí)用,尤其對(duì)于常常制作網(wǎng)頁(yè)的朋友來(lái)說(shuō),省去找范例圖片的麻煩,而且 Placehold.it 也幫你處理了圖片儲(chǔ)存的問(wèn)題,甚至不用自己上傳、儲(chǔ)存圖片,直接從遠(yuǎn)程以網(wǎng)址調(diào)用圖片就能使用。
如果你覺(jué)得 Placehold.it 不夠直覺(jué)、簡(jiǎn)單的話,那么可以試試看 Dummyimage,它一樣是個(gè)占位圖片產(chǎn)生器,不過(guò)可以設(shè)定要產(chǎn)生的圖片尺寸、背景顏色、文字顏色、文件格式及顯示的文字,使用上較 Placehold.it 簡(jiǎn)單一些。
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)