在設計網頁時,通常會預留空間大小來放圖片,除了留空白空間之外,有時也會塞一些佔位圖片,但要自行裁切圖片,完成不同大小的圖片非常麻煩。Lorem Pic可以快速、隨機的產生指定大小的圖片,讓網站看起來更接近真實的使用情形。
Lorem Pic圖片的來源來自於unsplash,是個免費可商用的圖庫網,有興趣的朋友可以看一下我去年寫的這篇【unsplash】可自由編輯/商用的圖庫&談potato的圖片來源亂象。以下來介紹一下Lorem Pic使用方法。
基本網址:
https://picsum.photos/
一、產生長方形隨機圖片:基本網址+/數字/數字
例:https://picsum.photos/1125/915可產生長1125寬915的長方形圖片。
二、產生隨機的正方形圖片:基本網址+/數字
例:https://picsum.photos/960
可產生長寬都是960的圖片。
三、產生不隨機的圖片:基本網址+/id/圖片編號/長/寬
你可以根據網站找到你要的圖片,再加上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。
留言列表