close

在設計網頁時,通常會預留空間大小來放圖片,除了留空白空間之外,有時也會塞一些佔位圖片,但要自行裁切圖片,完成不同大小的圖片非常麻煩。Lorem Pic可以快速、隨機的產生指定大小的圖片,讓網站看起來更接近真實的使用情形。

 

 

 

Lorem Pic圖片的來源來自於unsplash,是個免費可商用的圖庫網,有興趣的朋友可以看一下我去年寫的這篇【unsplash】可自由編輯/商用的圖庫&談potato的圖片來源亂象。以下來介紹一下Lorem Pic使用方法。

福利熊製圖 mad by canva
【Lorem Picsum】隨機產生圖片,可指定圖片大小、調
 

基本網址:

https://picsum.photos/

一、產生長方形隨機圖片:基本網址+/數字/數字

圖源:picsum.photos
【Lorem Picsum】隨機產生圖片,可指定圖片大小、調
 

例:https://picsum.photos/1125/915可產生長1125寬915的長方形圖片。

二、產生隨機的正方形圖片:基本網址+/數字

圖源:picsum.photos
【Lorem Picsum】隨機產生圖片,可指定圖片大小、調
 

例:https://picsum.photos/960

 

可產生長寬都是960的圖片。

三、產生不隨機的圖片:基本網址+/id/圖片編號/長/寬

圖源:picsum.photo
【Lorem Picsum】隨機產生圖片,可指定圖片大小、調
 

你可以根據網站找到你要的圖片,再加上ID,就可以使用這張圖片,可參考ID網頁

 

例:https://picsum.photos/id/237/1125/915

 

後面的編號237的圖片,長1125、915

四、灰階圖片:基本網址+/長/寬/?grayscale

例:https://picsum.photos/1125/915/?grayscale

 

1125x915的灰階圖片

五、產生隨模糊的圖片:基本圖片/長/寬/?blur 

例:https://picsum.photos/1125/915/?blur

 

1125X915的模糊化圖片

 

也可在後面加上=數字,數字越大模糊越多。

 

例:https://picsum.photos/1125/915/?blur=1

在PotatoMedia的應用

即使是一樣的網址,每次載入的圖片都不同,就像拆驚喜包一樣有趣,如果你跟我一樣有選擇困難,寫文章做的封面圖不知道要用什麼圖片,也可以用這個網站來找找靈感,輸入網址後,按右鍵>下載圖片,記得要使用potato官方建議的圖片大小:※ 電腦版:1228x960、手機版:1125x915,並標記圖源:unsplash。

網站資訊

arrow
arrow
    全站熱搜

    ivy 發表在 痞客邦 留言(0) 人氣()