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

  関連記事

LINE BOT API
LINE BOT API が動かない時に確認するポイント

初めてLINE BOT API でボットを作ってみた記事を昨日書いたのですが、正 …

アクセス解析
2014年8月のアクセス数レポートです

毎月報告しております当ブログのアクセス数レポート、今回は2014年8月分となりま …

GitHub風カレンダー
D3.jsでブログ更新状況をGitHubカレンダーっぽく見える化できるWPcalendarを試してみた

GUNMAGISGEEK さんで公開されている、ブログの更新状況を GitHub …

Analytics
若干アクセス数が回復して一安心…。2014年10月のアクセス数レポートです。

ついこないだ記事書いたばかりの気がしますがもう一ヶ月経ったんですね。。2014年 …

ゲッティイメージズ
ゲッティ イメージズ3500万枚の写真がブログに埋め込んで無料利用可能に!

写真、動画などデジタルコンテンツを提供する大手サイト・ゲッティ イメージズから「 …

ブログ
今年の目標ブログ記事数を100→150に上方修正してみる

そういえば、今年1月にこんなことをつぶやいていたことをふと思い出しました。 今年 …

面接NG
ツイートがバズった「面接NG.txt」の話から考えたこと

photo credit: Alex E. Proimos via photop …

SUPOCON
「SUPOCON(スポコン)」というスポーツ系動画メディアサイトを公開してみました

「SUPOCON(スポコン)」という、スポーツ動画を集めたサイトを公開してみたの …

ロボット
コンピュータは不完全情報ゲームをも超えるのか?人狼エージェント開発プロジェクトが始動している模様。

昨年、今年と将棋の電王戦で、コンピュータ将棋ソフトがプロ棋士を次々に負かしたこと …

feedly
feedlyで何人にRSS購読されているか簡単に調べられるWebサービス

ブログを運営していると、とかく色々な数字が気になってきますよね。。 どれだけ自分 …