rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

高品質なダミー画像を作成できるWebサービス「Unsplash It」

      2015/03/30   Web, Webサービス

  • このエントリーをはてなブックマークに追加
  • Pocket

20141126_unsplash

ダミー画像が作成できるWebサービスについて下記の記事を書いたことがあったんですが、先日久しぶりにのぞいてみたら、一部サイトが使えなくなってたりと少し情報が古くなってしまっているようです。

というわけでその代わりというわけではないですが、先のサービスに取って代わるかもしれない今オススメのダミー画像作成Webサービスをご紹介したいと思います。

「Unsplash It」

Unsplash It

クオリティー抜群な写真がたくさんあって、しかも CC0 ライセンスなので商用利用も可能なフリー素材を提供している「Unsplash」という超イケメンなサイトがあるのですが、その Unsplash の写真からダミー画像を生成できる Web サービスが「Unsplash It」です。

基本的な使い方はとても簡単です。画像サイズを含めたURLを指定するだけで、簡単に高品質な写真のダミー画像を表示することができます。

例えば、500×200のサイズを指定して表示させる場合はこのような感じ。

<img src="https://unsplash.it/500/300">

サイズを一つだけ指定すると縦横同じサイズになります。

<img src="https://unsplash.it/400">

サイズ指定以外にも、色々なオプションの指定が可能です。

最後に「?random」を付けると、表示される画像が毎回ランダムで変わります。


https://unsplash.it/300/300/?random

パスに「/g/」を入れると写真がグレースケールに。

<img src="https://unsplash.it/g/500/300">

「?image」パラメータに写真のIDを指定して、表示したい写真を特定することもできます。写真のIDはこちらのページから確認してください。

<img src="https://unsplash.it/500/400?image=433">

「?blur」を指定すると写真にぼかしがかけられます。

<img src="https://unsplash.it/400/400/?blur">

「?gravity」オプション(north, east, south, west, centerから指定)で、元画像から切り出す方向が指定できます。

<img src="https://unsplash.it/500/400/?gravity=east&image=350">
<img src="https://unsplash.it/500/400/?gravity=west&image=350">


「/list」の指定で画像リストの取得なんてことも。(URLにアクセスするとjson形式でリストデータが返されます。)


https://unsplash.it/list

まとめ

どれもきれいでカッコイイ写真ばかりなので、デザイン性の高いサイトやWebサービスのモック作りなどにばっちりはまるんじゃないでしょうか。

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

アドベントカレンダー
Adventar、Qiitaのアドベントカレンダーから気になるものを10個紹介します

明日から12月ということで、いよいよ各アドベントカレンダーも始まりますねー。 今 …

LINE BOT API
LINE BOT APIが機能アップデートでLet’s EncryptのSSLにもいよいよ対応

先日、LINE BOT API Trial Account が追加募集を開始した …

tweetwally
tweetwallyの画面を1カラムレイアウトで表示する簡単な方法

この頃毎月開いている「WordPressもくもく勉強会@群馬」という会で、twe …

アドベントカレンダー
ブログ持ってるなら絶対オススメ!アドベントカレンダーに参加する5つのメリット

もうすぐ12月を迎えるにあたって、Adventar、Qiita といった今年のア …

Twitterカード
こんな簡単に機能改善!WordPressブログにTwitterカードを設定してみました

自分のブログにTwitterカードの設定をしてみた。 – @YuG_ …

セキュリティ
ChromeではgetUserMediaがHTTPS経由でないと動かなくなっていた

Web ブラウザ上でどこかの誰かと動画チャットできる「PERARI」という We …

地図
Google Chart Toolsで都道府県制覇マップを作ったら面白かった件

みなさんは今まで日本全国いくつの都道府県を訪れたことがありますか? 日本地図の中 …

Analytics
アクセス落ち込み!2014年9月のアクセス数レポートです。

さて、10月になり今年も残すところ3ヶ月って・・・うそでしょ!?という早さですが …

コワーキングスペース
ふと気付いたらATNDが色々進化していた件

イベント情報管理サービスとして老舗の ATND、自分も主催イベントがあるとよく利 …

サッカーW杯
2014サッカーW杯の出場国を他のものに例えてみるサイトを集めてみた

さあ、いよいよサッカーW杯開幕間近。自分はサッカーは見るのもやるのもさっぱりな方 …