假字、假圖產生器整理

製作文案、網頁時,往往需要一些素材,這是就可以使用一些假字、假圖,供設計排版時使用。

HackMD,竹白記事本,學習紀錄整理

假字

假圖

Fake images please?

Fake images please?

使用方法:

<img src="https://fakeimg.pl/300/">

<img src="https://fakeimg.pl/250x100/">

<img src="https://fakeimg.pl/250x100/ff0000/">

<img src="https://fakeimg.pl/350x200/ff0000/000">

<img src="https://fakeimg.pl/350x200/ff0000,128/000,255">

<img src="https://fakeimg.pl/350x200/?text=Hello">

<img src="https://fakeimg.pl/200x100/?retina=1&text=こんにちは&font=noto">

<img src="https://fakeimg.pl/350x200/?text=World&font=lobster">

Picsum photos

Picsum photos
https://picsum.photos/200
https://picsum.photos/200/300


同尺寸,不同圖片。

https://picsum.photos/500/400?random=1
https://picsum.photos/500/400?random=2


黑白、模糊

https://picsum.photos/g/200/300
https://picsum.photos/200/300/?blur


特定圖片

https://picsum.photos/200/300?image=0

縮圖位置
north east south west center

https://picsum.photos/200/300/?gravity=east





lorempixel

lorempixel
https://lorempixel.com/400/200
https://lorempixel.com/g/400/200


abstract animals business cats city food nightlife fashion people nature sports technics transport

https://lorempixel.com/400/200/sports
https://lorempixel.com/400/200/animals


https://lorempixel.com/400/200/sports/1
https://lorempixel.com/400/200/sports/Dummy-Text...with
https://lorempixel.com/400/200/sports/1/Dummy-Text



TOP