23
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Lorem Picsum 〜とりあえず画像が欲しいあなたへ〜

Last updated at Posted at 2019-07-03

#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の一番後ろに繋げることでモノクロのみの指定ができます

クールな感じが良き

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

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

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

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

23
17
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?