ヨス(@yossense)です。今回はブログに画像を入れることに焦点を当ててみてみます。フリー素材を引っ張ってきて入れる......っていう方が多いと思いますが、ほかにもいろいろあるんです。ブログに画像を入れる方法まとめブログの書き方に関する記事を読むと「画像を入れましょう!」みたいに必ず書いています。言うと、やっぱり文字ばっかりだと「うっ......」ってなりますからね。これは基本なんですがこんな声もあります。「いや、画像をそんなに毎回用意でけへんしっ!」わかります(笑)。今回はそんな画像をブログで使う方法をいろいろ紹介します。フリー素材サイト一番ポピュラーなのがフリー素材サイトから使わせてもらう方法ですね。著作権の問題がないので安心して使えます。乱用するとあなたのブログの個性が完全に殺されるのでお気をつけを。1足成まずは超有名なフリー写真素材サイトの「足成」です。足成【フリーフォト、無料写真素材サイト】2ぱくたそそしてこちらも有名なフリー画像サイト「ぱくたそ」です。あまりにもブロガーに人気サイトなので、私の場合は必ず加工(部分を切り取るとか)をして使っています。たそ-フリー写真素材・無料ダウンロード「ぱくたそ」は企画っぽい人間の画像が話題なんですけど、そうじゃない風景の写真もステキなものがいっぱいです。PhotoPinFlickrに個人がアップロードしている写真の中でクリエイティブ・コモンズ(CC)ライセンスのものを使わせてもらう方法です。Commons、以下「CC」)とは、著作物の適正な再利用の促進を目的として、著作者がみずからの著作物の再利用を許可するという意思表示を手軽に行えるようにするための様々なレベルのライセンスを策定し普及を図る国際的プロジェクト及びその運営主体である国際的非営利団体の名称である。Wikipediaより引用しました。そんなクリエイティブ・コモンズの画像を探すために、私の場合は「PhotoPin」という検索サービスを使っています。PhotoPinで画像検索CCライセンスのものでも、出典元を明記するとかリンクを貼っておくとかいろいろありますが、「PhotoPin」だったらそれが超楽にクリアできます。ccこの上の写真みたいなやつですね。海外の人の写真が多いのも特徴ですね。リニューアルして使いやすくなった「PhotoPin」の使い方。Flickrの中からブログ利用OKなCCライセンス写真を探すサービススクリーンショットスクリーンショットを挿入する方法もあります。上で紹介した「PhotoPin」の画像もそうですね。スクリーンショットを挿入するこの上の画像なんてスクリーンショットのスクリーンショットですね(笑)。スマホの画面のスクリーンショットも同じく使えますね。スマホのスクリーンショットもただし、スマホのスクリーンショットを使うときには「画像の輪郭」に注意してください。ぶっちゃけ、有名ブログでもできてないところが多いですので。ブログの文章部分を読みやすくするために私がやっている7つの技Twitterの引用Twitterのツイート引用を画像として使用する方法です。芸能人の写真などを使う場合は肖像権などに違反するので、公式アカウントがつぶやいているものを引用するのが一番です。ツイッターの引用は、元のツイート主が違反をしていない限り安全ですので。Twitterのツイートを挿入するTwitterの引用のやり方は、ツイートの中に表示されている「...」の中の「ツイートをサイトに埋め込む」からHTMLタグを取得できます。2016こういうやつですね。ディズニーの公式アカウントなので、ツイートを埋め込むことでディズニーの画像でさえも自由に使いまくれます。複数のツイートを入れる際には注意点があります。charset="utf-8"></script>を取得しますが、複数のツイートを1記事に引用する場合には記事の中では1回の記述だけでいいそうです。このコードを毎回記述すると重くなるみたいなので、1回目の引用以外では削除で。Amazonアフィリエイト画像Amazonのアフィリエイト画像を挿入するのも便利です。上の画像みたいな感じで、画像を取得できるのでちょっとしたアクセントにオススメです。「ちなみに最近読んだ本はこちら」みたいに書いたあとには、こういうふうに入れるといいですよ。カネカネカネ!!」ではなく(笑)、「今紹介した商品ってこういう姿をしているよ」というのが見せたいから入れる感じです。応用したやり方も例えば、わたしの大好きなJewelというシンガー・ソングライターについて書いているとします。Jewelの写真を使いたいけど、上で紹介したTwitterのツイートでも良い画像がないとき。Import』Amazonで販売されている音楽CDページに行って、販売ページに掲載してある写真を使うんです。写真だけを使うのは規約違反で、ちゃんとアフィリエイトリンクになっていて出典が記載されている必要があります。上の画像は、クリックするとAmazonの商品ページに行くってこと。記事の文脈に合っていないのに「華がほしいから」という理由で記事とは無関係な芸能人の写真を使うのはアウトだと思いますが、ちゃんと関連のある場合はこういうふうに画像を使えます。あと、Amazonのアフィリエイトコード取得はブックマークレットのカエレバがオススメですよー。カエレバのデザインの変更をするときれいになるのでオススメ。Images(ゲッティ・イメージズ)」です。こちらは世界的に有名なスポーツ選手などの写真を使うときに、著作権の問題をクリアした写真を使わせてもらえるサービスです。フィギュアスケートの羽生結弦選手の写真とか。Imagesこんなにクオリティの高い写真を堂々とブログで使えるなんて夢のようです。アイキャッチ用に加工して使うとか、写真の人物に関係のない記事で使用することは違反になります。明日やりますShareHTMLとかで記事紹介画像ブックマークレットの「ShareHTML」もオススメです。下の画像の下部にある「ほかの記事へのリンク部分」のことですね。ShareHTMLを挿入ブログのキャッチ画像(サムネイル)とかスクリーンショットが簡単に貼り付けられるので便利です。ChromeのGetTabInfoという拡張機能を使っています。デザインをいじりたいときは下記ページにCSS(スタイルシート)のサンプルを置いてますのでご参考に。こんな感じになります。GetTabInfoで使えるテンプレート自分で描いたイラストそして自分で描いたイラストを使う方法。「イラスト」じゃなくてラクガキでも十分です。適当なイラストでも効果的です上の画像みたいな感じで、iPadでデジタルイラストにするのもいいですし、広告の裏にボールペンでチャチャっと描いたものをスキャンして使ってもオッケー。イラストって最強にオリジナルなんですよ。写真よりもさらにオリジナルです。著作権が気になるものでもイラストにすればオッケーだし。......って言いましたか?ラクガキブロガーことタムカイさんの著書『ラクガキノート術』とか読むとその敷居はいっきに低くなるのでゴリ押ししておきます。しても書けぬわ!って方には無料イラスト素材サイト「ぴよたそ」も。ゆるい系の可愛いイラストが満載です。最後に紹介するのは自分で撮ったオリジナルの写真です。なんで自分が撮ったものがいいかと言うと、著作権を考える必要がないからです。やる気のないカンガルーもちろんほかの人が写っている写真にはボカシやモザイクをいれたりして肖像権に配慮しないといけませんが。写真は常にブログの写真で使うことを前提に「あ、なんか良さそう♪」って思った風景なんかはスマホでOKなのでガシガシ撮っておきましょう。スマホで写真をガシガシ撮っておこう!自分の撮った写真を使うというのは当たり前すぎるのでこの記事で紹介しようかどうか迷ったんです。自分が撮った画像の方が実はフリー素材を探すより手軽だったりします。ちなみに、スマホでブログを書くモブログをやれば、スマホで撮った写真をそのままブログに貼り付けてそのまま投稿できます。自分をキャラとして使っても被写体に困れば自分をネタにできる人は自分を撮って使うことも可能ですね。ブロガーの大谷大さんが開発した「声シャッター」というスマホアプリは声で写真のシャッターを切れるので自撮りには超便利です。v2.3さて、今回はブログで使う画像についてまとめました。いろんな方法がありますので、やりやすいものを試してみてくださいね。文章の上手さがあれば画像なんて不要だ!」という意見もありますが、初めて訪問した方の興味を持たせるという意味では画像があるものには絶対に敵いませんので。んなモン各自の判断で着れるだろプロフィール香川県在住の主夫ブロガー(月間120万PV達成)。Rank』の執筆メンバー。オンラインサロン「ヨッセンスクール」運営。イラストを描いたり、物事をわかりやすく説明するのが得意です。夫婦別姓を実行してて、ジェンダーや言語学の話になるとうるさい人です。iPadを使い倒してます。プロフィール詳細はこちら更新情報/フォローSNSやRSSで「ヨッセンス」の更新情報をGETできます。ヨスとつながってください。