#Lorem Picsum とは?
Lorem Picsum はもともとUnsplashのサービスであったUnsplash it の名前が変わったサービスです。
簡単にいうと「とりあえず画像を入れる」ツールです。
僕はポートフォリオを作る際に「画像を入れたいがまだ決まってない」状態の時、空白のスペースではイメージがつかないのでこれを使っています。
これを使うことでみなさん大好きUnsplashの画像をサイズを指定するだけで引っ張ってこれます!!
##使い方
https://picsum.photos/
こちらがサイトのURLです。
Easy to use, stylish placeholders の下に青地のURLがあるのコピー && ペースト
https://picsum.photos/200/300
https://picsum.photos/ 【横幅(px)】 / 【縦幅(px)】
実際のURLはこんな感じ(毎回、違う画像が出ます)
これをHTMLのimgタグに入れることでダミー画像を挿入できます
<img src="https://picsum.photos/1300/500" alt="">
その他の機能
#####idを入れることで写真をUnsplashから直接選ぶ
https://picsum.photos/id/1032/2880/1800
これは1枚を選択するため毎回、同じ画像になります。
ちなみにこれはNASAが撮影した画像です。
詳しくはSpecific Imageから
#####モノクロの写真
?grayscale
URLの一番後ろに繋げることでモノクロのみの指定ができます
- https://picsum.photos/1000/1500?grayscale
- https://picsum.photos/1300/500?grayscale
- https://picsum.photos/600/600?grayscale
クールな感じが良き
#####ぼやけた写真
?blur
こちらはぼやけた写真に限定することができます。
ぼやけの強度を1〜10まで指定できます。?blur= ○
- https://picsum.photos/1000/1500?blur
- https://picsum.photos/1300/500?blur=3
- https://picsum.photos/600/600?blur=10
ぼやけてるだけでオシャレ
#終わりに
今回はポートフォリオ作成に役立ちそうなツールを紹介しました。他にも何個か機能があったので興味があれば実際に使ってみてください。
また、ダミー文章を作る兄貴分的なサービスのLorem Ipsumもあるので使ってみても面白いです。
これを読んだ皆さんも使ってみてください。