作者:,     

「Fake images please?」網頁範例圖片快速產生器

fakeimages_0

在網頁製作初期設計版型時,都會需要填入一些範例圖片好讓你可以看到整個版面的雛型,通常都會隨便找一張圖,然後弄成需要的尺寸大小,存檔後再塞到版面中,如果只是製作簡單的網頁還好,可能需要的範例圖不會太多,但若是設計一個網站的話,可能範例圖片的使用量就會頗可觀的。

如果你也覺得製作範例圖片有些浪費時間的話,可以使用「Fake images please?」來偷吃步一下!只要在網址「http://Fakeimg.pl/」後加上一些參數,就能立即得到需要的範例圖片。

可以設定的參數很多,像是尺寸、背景顏色、文字顏色,甚至是要顯示的文字內容都能透過網址來做設置,在製作網頁時,就能直接套用到程式碼中,十分方便、快速,省下來的時間你就能拿來發想設計囉!

 

使用方法:

先來看看網站的介紹吧!開啟網站後建議先加入最愛中,實際使用時只要記住範例圖片網址的參數使用方式即可,加入最愛可以在忘了怎麼用時,回來複習一下。

fakeimages_1

 

往下拉一些,就能看到 How to use 啦!下方有一些使用範例,最簡單的用法就是在「http://fakeimg.pl/」後加上單一個數字,例如「300」,就表示會產生一張 300×300 的方形圖片,如果需要的尺寸長寬不相同的話,則直接加上需要的尺寸,例如「250×100」,就能得到一張長寬為 250×100 的圖片囉!

另外,還可以變更背景顏色、文字顏色,或是在圖片中顯示特定文字,甚至可以修改字型。圖片網址的參數內容用中文來寫的話,大概就是:

「http://fakeimg.pl/圖片尺寸/背景顏色色碼/文字顏色/?text=要顯示的文字&font=字型」

fakeimages_2

 

下面就是幾個範例網址所產生出來的圖片樣式。

300×300 最單純的預設圖片樣式。
http://fakeimg.pl/300/

 

改變背景顏色。
http://fakeimg.pl/250×100/ff0000/

 

調整了一點背景及文字的顏色。
http://fakeimg.pl/350×200/ff0000,128/000,255

 

改變顯示文字及套用不同的字型。
http://fakeimg.pl/350×200/?text=World&font=lobster

 

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期:
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關文章...

 

歡迎留下你的想法或意見...

  1. Xiaolong 說道:

    网页设计的利器。

發表迴響

你的電子郵件位址並不會被公開。