Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

在開發網站、測試網頁模版設計時經常會需要用到佔位圖(Placeholder),這是什麼呢?簡單來說就是範例圖片,用於填充一些可能要預留、之後顯示圖片的位置,既然是佔位圖片就要符合幾個要件,像是快速設定要產生特定尺寸大小、可以快速取用(甚至不用下載圖片、直接給使用者圖片鏈結),或是在圖片上方會清楚標示出這張佔位圖的尺寸,對於開發來說就會更方便更省時間。

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem ipsum 就是所謂的測試文章,也是一篇常用於排版設計的拉丁文文章,中文稱為亂數假文或隨機假文,後來經常在各種測試功能看到這個名詞,例如之前介紹過「Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸」就是用來產生特定插圖風格、尺寸大小的測試圖片,或是在另一篇「12 個你應該知道的中英文假字、文章產生器」有收錄一些可做為測試排版或 CSS 樣式的文字內容,對開發者來說非常實用。

Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸

Doodle Ipsum

Lorem ipsum(簡稱為 Lipsum)是指一篇用於測試文章排版或字型效果的拉丁文文章,我曾在之前寫過的「12 個你應該知道的中英文假字、文章產生器」提到,如果你要測試字體或排版效果可使用範例文章,通常會用來填充版面,有助於預覽實際顯示的效果。你可能會問:既然有測試用文字那有沒有測試用的圖片呢?佔位圖片(Placeholder)能依照使用者需要的圖片尺寸大小產生對應的圖片,可能是單色圖片、免費圖庫素材基努李維照片

Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片

Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片

在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash ItPlacekittenPlacematPlaceKeanu 都是類似應用。