Lorem Picsum とは？

Lorem Picsum はもともとUnsplashのサービスであったUnsplash it の名前が変わったサービスです。

簡単にいうと「とりあえず画像を入れる」ツールです。
僕はポートフォリオを作る際に「画像を入れたいがまだ決まってない」状態の時、空白のスペースではイメージがつかないのでこれを使っています。

これを使うことでみなさん大好きUnsplashの画像をサイズを指定するだけで引っ張ってこれます！！

使い方

こちらがサイトの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="">

https://picsum.photos/id/1032/2880/1800
これは１枚を選択するため毎回、同じ画像になります。
ちなみにこれはNASAが撮影した画像です。
詳しくはSpecific Imageから

?grayscale
URLの一番後ろに繋げることでモノクロのみの指定ができます

クールな感じが良き

?blur
こちらはぼやけた写真に限定することができます。
ぼやけの強度を１〜１０まで指定できます。?blur= ○

ぼやけてるだけでオシャレ

今回はポートフォリオ作成に役立ちそうなツールを紹介しました。他にも何個か機能があったので興味があれば実際に使ってみてください。
また、ダミー文章を作る兄貴分的なサービスのLorem Ipsumもあるので使ってみても面白いです。

これを読んだ皆さんも使ってみてください。