役に立つ情報、楽しい情報を発信するブログです。

ブログのアイキャッチ画像を探すのが面倒なときはPhotoPinを使えばいいさ

   

photopin_

ブログ記事のアイキャッチ画像、きちんと設定してますか。何気にけっこうメンドクサイですよね(笑)

でもアイキャッチ画像って思ったより大事で、単純にブログの中で関連記事のサムネイルとかに使われるだけじゃなくて、ツイッターカードやFacebook、その他外部ウェブサービスで記事が紹介されたときにも使われるので、視認性を考えると忘れずに設定しておきたいものなのです。

でもでも、商用不可とか、著作権違反に気をつけなきゃとか、引用リンク張らなきゃとか、いろいろ考えながら画像を探すのはメンドクサイーと思ってる方もいることでしょう。

そんな時は、PhotoPin(フォトピン)がおすすめです。

PhotoPinはシンプルな画像検索サイトで、Flickrの中からブログに使ってもOKな画像を簡単に見つけることができます。

画像を探すと、同時に掲載すべきHTMLタグも生成してくれるので、アイキャッチ画像探しを手早く済ませたい人に重宝すると思います。

スポンサーリンク

PhotoPinの使い方

PhotoPinにアクセスします。

photopin01-min

検索フォームから英語で画像を検索します。英語が苦手なら、「○○ 英語」とGoogleで検索すればだいたい見つかります。

(ヒットする枚数は減りますが、日本語でも検索できます)

photopin02-min

今回は「danbo」と検索してみました。

ダンボーの画像がいっぱい出てきます。画像の左上に「SPONSORED」と書いてある画像以外は、全部無料で使えます。

一番下まで行ったら「Load More Results」をクリックすれば、さらなる画像を表示させることができます。

photopin03-2-min

表示された画像にマウスオーバーすると、PreviewとGet photoという項目が表示されます。Previewにマウスオーバーすれば、その画像をポップアップで大きく表示することができます。

photopin04-2-min

画像をダウンロードする時はGet photoをクリックします。

photopin05-min

①各サイズの画像がダウンロードできます。
②貼り付けるHTMLタグも発行してくれるので、コピーしておきましょう。

あとは自分のブログに画像をアップロードして、画像とHTMLタグを記事に貼り付ければOKです。

danbophoto credit: IMG_2117 via photopin (license)

こんな感じです。簡単ですね。

スポンサーリンク

チェックボックスの意味

検索窓下のチェックボックスは以下の様な意味になっています。

License type(画像のライセンスのタイプ)

photopin10-min

・Commercial:商用可
・Non-Commercial:商用不可

※Non-Commercialの画像は、商用サイトでは使えません。

Sort(並び順)

photopin11-min

・Recent:最近の画像
・Relevance:関連する画像
・Interestingness:関心度の高さ

画像を改変したい時は注意

PhotoPinの検索には「改変禁止」の画像も含まれるので、もし画像に文字を書き加えたりといった画像の改変をしたい場合は、そういう条件の物を探さないとダメです。

Get photoをクリックしてポップアップ表示すると、上部にLicenseが書いてあります。この後ろの方に、by nd nc sa 2.0 みたいな文字が書いてあるので、ここを参考にします。

この中で見るのは「nd」。これがついてたら改変はダメです。

photopin21-min

こういうの。これは改変してはダメなやつです。そのままの画像で使うなら大丈夫。

NDは、「No Derivative Works」の略で、作品はそのまま使ってちょうだいね~っていう「改変禁止」の意味なのです。

photopin20-min

「ND」が付いてないこういう画像なら改変してもOK。

danbo3_miniphoto credit: sindy via photopin (license)

こんな風に使えます。

要するに、「改変する時はNDだけダメ」と覚えておけば大丈夫です。(HTMLタグはちゃんと設置してね)

一応、他のCCについて書いておくと、次の4つ意味があります。

BY:表示
NC:非営利
ND:改変禁止
SA:継承

もっとCC(クリエイティブ・コモンズ)について詳しく知りたい方はこちらを参考にしてください。わかりやすいです。

クリエイティブ・コモンズ・ライセンスとは
クリエイティブ・コモンズ – Wikipedia

PhotoPinまとめ

PhotoPinは動作が軽快、マウスオーバーで画像が確認できる、HTMLタグが自動発行、ブログ初心者で著作権があまりよく分かっていなくても、手順通りにすれば違反せずに画像が使えるツールです。

手早くアイキャッチ画像を選びたい時は、PhotoPinでささっと選んでブログ記事の作成効率を上げちゃいましょう。

 - ツール, ブログ

スポンサーリンク
もしも記事がお役に立ったら、ぜひぜひシェアしていただけるとうれしいです。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

chrome-mojibake
Chromeでテキストファイルを開いたら文字化けする時の設定方法

Google Chromeでテキストファイルの中身を見ようとしたら文字化けして見 …

eyefi-mobi11
Eyefi Mobi 8GB Class10のレビュー。Wi-Fi内蔵SDカードで直接PCやiPadに転送!

Eyefi Mobi 8GB Class10を購入したのでレビューしていきます。 …

keyboard
サクラエディタの登録済みマクロをショートカットキーに割り当てる方法

サクラエディタで作ったマクロは、メニューに「登録済みマクロ」として登録すれば、簡 …

Chromeで開いているタブをドラッグ&ドロップでブックマークする方法

私は元々PCのブラウザに長い間Firefoxを使っていたのですが、最近はChro …

negativespace-17-min
Evernoteの目次ノートを作成しよう!ショートカットなど活用方法も(PC版)

Evernoteで目次ノートを作成する方法を説明していきます。 よく使うノートは …

tab-resize-min
Chromeの複数タブを簡単に分割表示できる拡張機能「Tab Resize」の使い方

Chromeの複数タブを素早く分割表示できる拡張機能Tab Resize(タブ …

evernote-capture
Evernoteのキャプチャ機能がショートカットで保存先を指定できてイイ感じ [Windows版]

最近、Evernoteのクライアント版にキャプチャ機能があることを知りました。 …

i-know-pop-up-jisho
英単語の意味をマウスオーバーで表示!多読にはiKnow!ポップアップ辞書でしょ[Chrome]

英語のウェブサイトを読みやすくするGoogle Chromeの拡張機能「iKno …

chrome-hitogata00
Google Chrome右上の人型ボタンにユーザー名が表示されるので消す方法

2015年1月13日頃の更新で、Google Chrome右上に人型ボタンが表示 …

chrome-thumbnail-delete01-03-min
[Chrome]新しいタブで表示される履歴サムネイルを非表示にする拡張機能5個

Chromeはデフォルトの設定だと、新しいタブを開いた時にサムネイル画像が表示さ …

Top