介紹好用的產圖工具 Fake images ,快速產出示意圖讓版面更完整!

閱讀時間約 1 分鐘


前言

今天是2023年的最後一個工作天,來跟大家分享一些好用的工具,當設計正在努力製作圖片尚未產出時,又需要先DEMO版本的話,你可以先用Fake image來協助你讓版面更加完整。


使用方式

假設你今天需要一個800*300的Banner,那你可以輸入

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

產出結果,這樣你就會獲得一個「符合尺寸」的預設圖

raw-image

那如果今天你想要「自訂文字」,告知這個是什麼用途,你可以這樣做

<img src="https://fakeimg.pl/800x300/?text=Banner(800*300)">

產出結果

raw-image

值得注意的是,如果你要打中文字的話,要改字型才可以使用

The support for japanese, korean and chinese text is available with the use of the Noto font (font=noto)

<img src="https://fakeimg.pl/800x300/?retina=1&text=輪播圖&font=noto">

使用方法非常快速簡單好懂!快去試試看吧~


其他延伸

假設你今天不是寫網站的人,單純想要獲得指定尺寸的圖片也是可以的,在網址設定你需要的資料後,點開網址按「下載」即可

實際演練如下

假設你設定的條件是800*300尺寸的圖,那網址會長得像這樣

https://fakeimg.pl/800x300/

接著把網址點開來,直接下載就可以獲得圖片了!

raw-image



來源資料

https://fakeimg.pl/

開發之路有你有我有卡比,收錄各種開發的技術分享與疑難雜症解★☆
留言0
查看全部
發表第一個留言支持創作者!
NPM 時遇到版本相依的衝突,原因是什麼,提供四種解決方式
NPM 時想要固定套件安裝版本,有兩種方法可以達成目的
VSCode 好用的輔助開發工具 i18n Ally
Axios 如何處理陣列數組資料的傳遞,使用qs套件快速完成吧!
NPM 時遇到版本相依的衝突,原因是什麼,提供四種解決方式
NPM 時想要固定套件安裝版本,有兩種方法可以達成目的
VSCode 好用的輔助開發工具 i18n Ally
Axios 如何處理陣列數組資料的傳遞,使用qs套件快速完成吧!
你可能也想看
Thumbnail
「設計不僅僅是外觀和感覺。設計是其運作的方式。」 — Steve Jobs 身為一個獨立文案,許多人會以為我們的生活只需要面對電腦,從無到有,用精巧的文字填滿空白的螢幕,呈現心目中獨具風格的作品。 ——有的時候可以如此,但其實這是我們夢寐以求的偶發日常。 更多的時候,白天的工作時間總被各種繁雜
Thumbnail
大弟租的舊店面,除了清空之外,當然也要清潔一番。所以,8/4這天我的工作是擦玻璃。但在擦玻璃之前,其實還有一個艱鉅的任務,先撕掉大弟貼在玻璃上的外送宣傳等貼紙,並清除殘膠。
Thumbnail
對於還完全沒有AI繪圖經驗的你,該怎麼開始呢? 很簡單,就是開始”玩”! 先從動手開始隨便玩,讓想像力帶著你到處跑,在今天這篇文章裡面我會把幾個比較熱門的AI繪圖網站/工具介紹給你,你可以不要有任何心理壓力的開始玩玩看,看看能得到什麼有趣的結果。
短時間的自我介紹,那就應該抓住重點、乾淨利落,圍繞着面試的中心展開。一個吸引人的開場白、一段充滿乾貨的自誇,最後再加一段高價值的非工作經歷,你的自我介紹,一定會讓面試官眼前一亮。 一、容易跑偏的三種自我介紹 你開始參加面試了,寒暄之後坐下。 場景一: 面試官說:「請您先用3分鐘簡單做一個自我介紹吧
Thumbnail
跟著芳療師媽媽一起關注健康吧~本篇帶您認識台製妙角回春牛角梳裡頭的小熊🐻如何幫助我們建議自我按摩💆
Thumbnail
股市最近漲漲跌跌,並沒有太多機會獲得收益,為了平衡風險,擴大收益,可以選擇一些黃金產品。市面上黃金產品種類很多,想獲得高收益可以考慮現貨黃金,一些人覺得現貨黃金陌生,不知道怎麼交易,下麵為大家講講新手炒黃金技巧,經典好用技巧介紹! 技巧一 規劃投資資金 技巧二 利用基本面和技術面分析市場走勢
Thumbnail
除了investing.com, 我同時也是seekingalpha的premium user, 馬股方面則是主要在 malaysia stock biz 上讀季報和消息公佈. 接下來還有很多的工具如下, 而且大部分都是免費的。
Thumbnail
警語先嚇在前面:本文僅供分享所見所聞,不代表任何投資建議,自己的資產自己負責,DYOR。 先給網址https://dappradar.com/defi 再來介紹老朋友coinmarketcap.com 找熱門、找新發行、找排行、找官方網址都好用。 1.連結錢包 by kevin111
最近資生堂新上市的蜜粉:資生堂 snow beauty蜜粉 ,bling bling的蜜粉盒,立即想詢問起販售時間啦!多麽期待收到那一刻時,自己手拿著資生堂心機女神香氛魔法盒上妝,搭配唯美雪花樣式還能增添了生活中的儀式感,感覺自己在化妝的瞬間都像是位雪國小公主般精緻。 資生堂snow beauty
Thumbnail
業務單位來了二個銷售人員小鳯和小美。小鳯有三年銷售經驗,小美只有服務業的經驗,沒銷售過商品。 新訓時就發現,小鳯是感覺型銷售人員,喜歡和顧客聊天,不喜歡背東西,不管是專業知識或是商品知識,小鳯都背的零零散散的,小鳯總是說:「我不說那些客人還是和我買啊~」。小美因為沒有銷售的經驗,不管老師教什麼小美都
Thumbnail
H作家你好,我有位相識10年的好姊妹好閨蜜M小姐,其實顏值不差的她身邊一直不乏有追求者,但對於展現高度積極的追求者她都興致缺缺大概那些顏值不入她的眼吧!她愛上的人通常都是她愛對方的成分大於對方所以在愛情裡扮演的都是委曲求全真心付出的角色但最後都沒有好的結果以致她變得不敢再接受新的戀情...
Thumbnail
「設計不僅僅是外觀和感覺。設計是其運作的方式。」 — Steve Jobs 身為一個獨立文案,許多人會以為我們的生活只需要面對電腦,從無到有,用精巧的文字填滿空白的螢幕,呈現心目中獨具風格的作品。 ——有的時候可以如此,但其實這是我們夢寐以求的偶發日常。 更多的時候,白天的工作時間總被各種繁雜
Thumbnail
大弟租的舊店面,除了清空之外,當然也要清潔一番。所以,8/4這天我的工作是擦玻璃。但在擦玻璃之前,其實還有一個艱鉅的任務,先撕掉大弟貼在玻璃上的外送宣傳等貼紙,並清除殘膠。
Thumbnail
對於還完全沒有AI繪圖經驗的你,該怎麼開始呢? 很簡單,就是開始”玩”! 先從動手開始隨便玩,讓想像力帶著你到處跑,在今天這篇文章裡面我會把幾個比較熱門的AI繪圖網站/工具介紹給你,你可以不要有任何心理壓力的開始玩玩看,看看能得到什麼有趣的結果。
短時間的自我介紹,那就應該抓住重點、乾淨利落,圍繞着面試的中心展開。一個吸引人的開場白、一段充滿乾貨的自誇,最後再加一段高價值的非工作經歷,你的自我介紹,一定會讓面試官眼前一亮。 一、容易跑偏的三種自我介紹 你開始參加面試了,寒暄之後坐下。 場景一: 面試官說:「請您先用3分鐘簡單做一個自我介紹吧
Thumbnail
跟著芳療師媽媽一起關注健康吧~本篇帶您認識台製妙角回春牛角梳裡頭的小熊🐻如何幫助我們建議自我按摩💆
Thumbnail
股市最近漲漲跌跌,並沒有太多機會獲得收益,為了平衡風險,擴大收益,可以選擇一些黃金產品。市面上黃金產品種類很多,想獲得高收益可以考慮現貨黃金,一些人覺得現貨黃金陌生,不知道怎麼交易,下麵為大家講講新手炒黃金技巧,經典好用技巧介紹! 技巧一 規劃投資資金 技巧二 利用基本面和技術面分析市場走勢
Thumbnail
除了investing.com, 我同時也是seekingalpha的premium user, 馬股方面則是主要在 malaysia stock biz 上讀季報和消息公佈. 接下來還有很多的工具如下, 而且大部分都是免費的。
Thumbnail
警語先嚇在前面:本文僅供分享所見所聞,不代表任何投資建議,自己的資產自己負責,DYOR。 先給網址https://dappradar.com/defi 再來介紹老朋友coinmarketcap.com 找熱門、找新發行、找排行、找官方網址都好用。 1.連結錢包 by kevin111
最近資生堂新上市的蜜粉:資生堂 snow beauty蜜粉 ,bling bling的蜜粉盒,立即想詢問起販售時間啦!多麽期待收到那一刻時,自己手拿著資生堂心機女神香氛魔法盒上妝,搭配唯美雪花樣式還能增添了生活中的儀式感,感覺自己在化妝的瞬間都像是位雪國小公主般精緻。 資生堂snow beauty
Thumbnail
業務單位來了二個銷售人員小鳯和小美。小鳯有三年銷售經驗,小美只有服務業的經驗,沒銷售過商品。 新訓時就發現,小鳯是感覺型銷售人員,喜歡和顧客聊天,不喜歡背東西,不管是專業知識或是商品知識,小鳯都背的零零散散的,小鳯總是說:「我不說那些客人還是和我買啊~」。小美因為沒有銷售的經驗,不管老師教什麼小美都
Thumbnail
H作家你好,我有位相識10年的好姊妹好閨蜜M小姐,其實顏值不差的她身邊一直不乏有追求者,但對於展現高度積極的追求者她都興致缺缺大概那些顏值不入她的眼吧!她愛上的人通常都是她愛對方的成分大於對方所以在愛情裡扮演的都是委曲求全真心付出的角色但最後都沒有好的結果以致她變得不敢再接受新的戀情...