WEBディレクターやWEBマスターと言われる人たちにも得手不得手があるのです。
中でも筆者の場合は、画像操作が超苦手です。
えって思われます?
WEBデザイナーではないからです。
今回は、画像操作が苦手な人にも簡単に見栄えする画像が作れる方法を紹介します。
使うところで若干やり方が変わります。
ソーシャルメディアで使う画像
スマホアプリでPhotoLABやパソコンでPhotoFuniaを使ってFacebookなどに投稿する方も多いですね。
筆者も昔の写真などを使ってよくやります。
普通に写真出すより面白かったりしますね
Facebookのプロフィール写真を重要視してますか?で書いたようにプロフィール写真を装飾するだけではちょっともったいない気がします。
ブログで使う画像
ブログの中にもさまざまな画像が使われますね。
上記は、見出しにあわせてPhotoFuniaを使って作成したものです。
見出しの場合は、サイズが自由なのでこれでいいと思いますね。
ただ、OGP画像の場合は、横幅1200px 縦幅630pxが画像が切れないでFacebookのシェア時などにちょうどいいサイズになっています。
なのでPhotoFuniaで作成してダウンロードした画像のサイズ調整だけはしています。
この記事のOGP画像もこの方法で作成したものになってます。
画像操作が苦手な方は、こういう方法でもいいのでは?
OGP画像の役割は、Facebookのニュースフィードなどでスクロールする手をとめてクリックしてもらうことにあります。
小さく表示されるよりは、大きく表示される方が可能性は上がりますね。
視点を少し変えることでいろいろな使い方ができます。
上記の画像は、下記より編集してダウンロードできます。
ボールの色やテキストを編集できます。
→ PhotoFunia
画像サイズの調整を行うのは、Pixlrがおすすめです。
下記の2点に気をつけてください。
- 元画像の大きさより大きくしない
- 縦横の写真の比率を変更しない
比率を最も重視してください。例えば横幅を基準にサイズを合わせた時に縦のサイズが足りなくなったら縦サイズを基準にサイズダウンします。
Pixlrでの画像サイズの変更は下記を参考してください。
Pixlrで画像サイズを変更する方法
OGP画像の元画像 1400px X 933px
上記画像をPixlrで開きます。
Pixlr Xをクリックして左側にある画像を開くというボタンをクリックしたら画像を選択して上記画像になります。赤枠のプロパティをクリックしたら次へ
幅の数値を1200に変更します。
比率をキープした状態なので1200px X 800px になります。
OGP画像のサイズである1200px X 630px にするためには切り抜き(トリミング)する必要がありますね。
1番左の赤丸のトリミングのアイコンをクリックします。高さを630に設定したらドラッグアンドドロップで上下に選択範囲をスライドさせて1番いいと思ったところで「申し込む」ボタンをクリックした後に「セーブ」ボタンをクリックします。
ファイル名とファイルタイプ・品質を確認してOKなら「ダウンロード」ボタンをクリックします。
WindowsでもMacでもダウンロードフォルダに画像が保管されているはずです。
画像を指定サイズに合わせて調整するには、画像サイズ変更と画像をカットする方法を知る必要があります。最低限この2つだけ覚えてください。
著作権フリー画像
ブログなどで使う画像に経費をかけたくない方は、多いですね。
ただその分、ビジュアル的には劣ってしまいます。
そういう場合に無料で素材を使わせてくれるサイトを活用します。
![](https://stat.ameba.jp/user_images/20200518/04/wp908kobe/ef/9f/j/o1258065614760432410.jpg?caw=800)
このサイトは、見栄えする画像を無料で使わせてくれます。
少々大きくてもサイズが抑えてあるのでiPhoneで撮ったままの写真をアップロードするよりは軽いですね
ただ海外のサイトなので人物画像などは、外人さんが多いです。
ログインしないと使えないので気をつけてくださいね。
Facebook・Googleアカウントでソーシャルログインできます。
アメブロ関連
- アメブロ目次付きテンプレート(メルマガ購読者プレゼント)
- アメブロ用グローバルメニュー作成ツール
- シンプルな見出し付き囲み枠作成
- アメブロ記事紹介タグ作成
- Amecare活用マニュアル(メルマガ購読者プレゼント)
- WEB色見本
アメブロ 目次付きテンプレート使っている記事紹介
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何?
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの5つの改善ポイント
- ブログの中でOGP画像って何?
- アメブロ記事の文字数制限について
- アメブロで記事下に表示したい項目
- アメンバー記事ってどんな時に使うのか?
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
![目次付きテンプレート](https://stat.ameba.jp/user_images/20191224/20/wp908kobe/65/6e/p/o0300014014684285651.png?caw=800)
アメブロ用目次付きテンプレートを無料で配布しています!
![YouTubeチャンネル登録](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/13/dc/p/o0750033214336860263.png?caw=800)
YouTubeチャンネル登録お願いします!
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、2月の予定なので事前に登録していただけると幸いです。
![メルマガ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e3/16/p/o0640024614336861785.png?caw=800)
アメブロやWordPressに関するお問い合わせは、下記よりお気軽に・・・
![お問い合わせ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e5/67/j/o0650025414336861024.jpg?caw=800)