Archives | Tumblr | Facebook | bullet-feed.pngRSS

CCライセンスのFlickr画像が簡単に探せる『Simple CC flickr Search』

simpleCC

 ブログなどで、アクセント的に画像を使いたい時、著作権的に問題がない(許諾条件を満たせば自由に使える)クリエイティブコモンズの画像を探す事が多いのですが、そんな時に便利なツールです。

? A flickr CC search toy

 これは、CCライセンス(クリエイティブコモンズ)のFlickr画像を簡単に探せる検索ツールです。

 「シンプル」と言うだけあって、使い方はとても簡単です。Tagに使いたいキーワードを入れるだけで条件にあった画像を探してきてくれます。

 検索された各候補には、ライセンスの種類が記載されます。ライセンスの各種類については下記を参照してください。

? Flickrで著作権的に問題のない画像を見つけて公開する方法 - 涙目で仕事しないSE

 気に入った画像が見つかったら画像をクリックすると、ブログに貼り付けるためのHTMLを生成してくれます。

 HTMLを生成する小窓で各リンクを押すと、以下の様にHTMLおよびプレビュー画像が変化します。

  • Left:floatで、左側に写真が配置されるHTMLを生成。
  • Right:floatで、右側に写真が配置されるHTMLを生成。
  • Larger:横幅が510ピクセルの画像にリサイズ。
  • Smaller:横幅が250ピクセルの画像にリサイズ。

 そして、画像の下にしっかりとライセンス表示までしてくれます。至れり尽くせりです。かなりの好感触。

 もちろん、日本語も通ります。

searchjapan.jpg
「日本」で検索してみる

 「日本」タグの画像を、試しに貼ってみます。


Crimson Paths by El Fotopakismo
Attribution-NonCommercial-NoDerivs License

 floatを使うと画像が強制的に寄ってしまい、例えば"float:left"だと、テキストがこのように左側へ並んで表示されてしまいます。

 それが嫌いな方は、生成されるhtmlから、下記の部分を取ればよいと思います。

 

 

 

 

 

 

 
 

 下記から、太字の部分を消します。

<div style="width=510px;float:left">
<div style="width=510px">

 これで、もう一度貼り付てみます。


Crimson Paths by El Fotopakismo
Attribution-NonCommercial-NoDerivs License

 float無しです。ライセンス表示はsmallタグで小さく表示してみました。

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

関連性が高いおすすめ記事


comments powered by Disqus