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

ブログのアイキャッチ画像を探すのが面倒なときは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

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

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

  関連記事

optimizila
PNG画像を圧縮するならオンラインWebツールのOptimizillaがおすすめ

ブログに載せる画像は容量が少ない方が良いです。なぜなら、転送するデータ量が少なけ …

licecap
LICEcapの使い方。PC画面を録画してGIFアニメを簡単に作成できるフリーソフト

LICEcap(ライスキャプ)は、PC画面を録画してGIFアニメを作成することが …

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

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

skitch01
画像に矢印を挿入するフリーソフトSkitch!キャプチャやモザイクもできる

画像で何かを説明したいときにサッと矢印を挿入できるフリーソフトSkitch(スキ …

progate023
プログラミング学習サイト「Progate」の使い方!東大生作で初心者向けです

こんにちは。プログラミング勉強したいなーと思ってはすぐに挫折するということを何度 …

link09
iTunes Storeの音楽やアプリのリンク作成に便利なSticky iTunes Link Maker

iTunes Storeの音楽や、App Storeのアプリをブログで紹介したい …

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

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

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

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

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

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

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

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

Top