Twitterのヘッダーは自分のコンセプトに合ったものになっていますか?
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_80,h_80/https://noriya3157.com/wp-content/uploads/2022/02/Open-Peeps-Avatar-and-Backdrop-7.png)
![](https://noriya3157.com/wp-content/uploads/2022/02/Open-Peeps-Avatar-and-Backdrop-7.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/02/Open-Peeps-Avatar-and-Backdrop-7.png?resize=80%2C80&ssl=1)
・なんだかめんどうで、適当に保存してあった写真を使っている
・Canvaで作成したが、自分のイメージ通りにはならなかった
・作り方がわからないので、初期設定のまま
このような方も多いのではないでしょうか?
ヘッダー部分は優先度が低く後回しにされがちですよね。
しかしヘッダーはプロフィールをクリックしてくれた方が一番先に目にする場所。
アカウントの雰囲気を伝え、興味を持ってもらえるかを左右する重要な部分です。
この記事で紹介する『誰でも簡単にできるパワーポイントでのTwitterヘッダーの作り方』を実践すると魅力的なヘッダーを作成することができます。
なぜなら、この記事では画像を多く使い、わかりやすく解説しているので誰でも作成可能。さらに私自身、ヘッダーを変更してからフォロワー数が増加しました。
この記事ではなぜヘッダーを作成する必要があるのかを紹介し、その後STEP1~6の手順で作成の注意点と方法を具体的に紹介していきます。
この記事を読み終えると、自分のイメージに合ったヘッダーを簡単に作成できるようになり、プロフィールを見た方がコンセプトを理解しアカウントに興味をもってもらいやすくなります。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_80,h_80/https://noriya3157.com/wp-content/uploads/2022/01/Open-Peeps-Avatar-and-Backdrop-5-4.png)
![](https://noriya3157.com/wp-content/uploads/2022/01/Open-Peeps-Avatar-and-Backdrop-5-4.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/01/Open-Peeps-Avatar-and-Backdrop-5-4.png?resize=80%2C80&ssl=1)
ヘッダーはアカウントのイメージを左右する大切な場所。
こだわっていきたいですね。
Twitter運用されている方は図解ツイートも有効です。
視線を止めるので認知を獲得することができますよ。
誰でも簡単にできるテンプレがあるので興味のある方はこちら。
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2023/04/e988228d170b995834a88c2662db5009.png?fit=300%2C169&ssl=1)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2023/04/e988228d170b995834a88c2662db5009.png?fit=300%2C169&ssl=1)
Twitterのヘッダーでアカウントの雰囲気が決まる
Twitterのヘッダーはそこまで重要でないだろうと思っていませんか?
結構重要です。
Twitterアカウントの雰囲気を決定付ける
プロフィールの中で表示範囲が広く、最上部に位置するので最初に目につく部分です。アカウントの雰囲気を左右します。
この部分で
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_80,h_80/https://noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-8.png)
![](https://noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-8.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-8.png?resize=80%2C80&ssl=1)
・なんとなく暗い
・画像がはみ出しすぎていて
何を言いたいかわからない
となると、活発でない印象や、雑な印象をもたれる原因になりかねません。
発信内容が有益であるにも関わらず、プロフィールの部分で興味を持たれなくなってしまうのはもったいないですよね。
是非、一度確認しご自身のコンセプトに合っているか?を見直してみましょう。
不満足なものであるならば再作成を考えましょう。
それではパワーポイントで簡単に作る方法をお伝えしていきます。
パワーポイントでの簡単Twitterヘッダー作成方法
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_193,h_193/https://noriya3157.com/wp-content/uploads/2021/12/file_type_powerpoint_icon_130245.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/file_type_powerpoint_icon_130245.png?resize=193%2C193&ssl=1)
今回は比較的なじみのあるパワーポイントでの作成方法を6ステップで解説します。
- パワーポイントのサイズ設定をする
- ヘッダーで表示される範囲を理解する
- ヘッダーの参考イメージを持つ
- イメージに合った画像を挿入する
- 作成したスライドを画像に変換
- Twitterのヘッダーに挿入する
STEP1 パワーポイントのサイズ設定をする
Twitterのヘッダー画像は
幅1500px 高さ500pxとなっています。
パワーポイントはcm表記なのでcmに置き換えると
幅39.69cm 高さ13.23cm です。
このサイズにスライドサイズを変更していきましょう。
変更方法
![パワーポイントスライドサイズ変更](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_145/https://noriya3157.com/wp-content/uploads/2021/11/832d2f57baf6787cabbf861eb6b07253-1-e1638220267134.jpg)
![パワーポイントスライドサイズ変更](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/11/832d2f57baf6787cabbf861eb6b07253-1-e1638220267134.jpg?resize=1000%2C145&ssl=1)
上部デザインからスライドのサイズを選択します。
![スライドの向きの変え方](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_483,h_335/https://noriya3157.com/wp-content/uploads/2021/11/0b86c2908c879f6ea3ac1b25f8b29b8d.jpg)
![スライドの向きの変え方](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/11/0b86c2908c879f6ea3ac1b25f8b29b8d.jpg?resize=483%2C335&ssl=1)
サイズ指定をユーザー設定にし
幅を39.69cm 高さを13.23cmに設定しOKを押します。
すると
![Twitterヘッダーサイズ](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_648,h_379/https://noriya3157.com/wp-content/uploads/2021/11/236534bb34f801368b9ed4c576665511-1024x598.jpg)
![Twitterヘッダーサイズ](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/11/236534bb34f801368b9ed4c576665511.jpg?resize=648%2C379&ssl=1)
ヘッダーのサイズになりましたね。
このサイズでヘッダーを作成していきます。
STEP2 ヘッダーに表示される範囲を理解する
Twitterのヘッダーは隠れる部分があります。
その部分を避けてデザインしないと、せっかく作っても「見えない」という状況になってしまいます。
隠れる部分としては
- アイコン
- 時計・充電マーク
- 矢印マーク
- 検索アイコン
- 機種によってインカメラ部分
とたくさんあります。
この隠れる部分はスマホとPCとで若干異なります。
またスマホでもandroidとiphoneでも若干異なるようです。
今回はiphone 11 とwindows10のものを紹介しますが大きな差はないので、androidでも十分使える方法です。
それでは確認していきましょう。
スマホ版非表示部分
非表示部分
![スマホのTwitterヘッダー非表示部分 Twitter ヘッダー非表示部分](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1024,h_341/https://noriya3157.com/wp-content/uploads/2021/12/38ab5df9c25f20d387c54925fa288a0d-1024x341.jpg)
![スマホのTwitterヘッダー非表示部分 Twitter ヘッダー非表示部分](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/38ab5df9c25f20d387c54925fa288a0d.jpg?resize=1024%2C341&ssl=1)
非表示にされる部分を青で塗りつぶししています。
実際のスマホ画面
![スマホ表示](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_897,h_296/https://noriya3157.com/wp-content/uploads/2021/12/20211130_193505549_iOS.jpg)
![スマホ表示](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/20211130_193505549_iOS.jpg?resize=897%2C296&ssl=1)
このような形で表示されます。
スマホ版の場合隠れる場所は
- 上1/4程度
- 左下部のアイコン
- 真ん中左右にある矢印と検索ボタン
上部の時計・充電マークの部分は透過しているのでイラストを重ねる分には問題なさそうです。
基本的に上部1/4と左下部にはテキスト・イラストは配置しないでおきましょう。
PC非表示部分
![PCのTwitterヘッダー非表示部分 Twitterヘッダー非常時 PC](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_333/https://noriya3157.com/wp-content/uploads/2021/12/5621deba8a18b839c7a4321764bb05e8.jpg)
![PCのTwitterヘッダー非表示部分 Twitterヘッダー非常時 PC](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/5621deba8a18b839c7a4321764bb05e8.jpg?resize=1000%2C333&ssl=1)
PCでは左下のアイコンがスマホ版と比べて大きく表示されます。
統合版
![Twitterヘッダー 非表示 統合](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_333/https://noriya3157.com/wp-content/uploads/2021/12/3702f1bcf11570c58fee1ed14072e2e5.jpg)
![Twitterヘッダー 非表示 統合](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/3702f1bcf11570c58fee1ed14072e2e5.jpg?resize=1000%2C333&ssl=1)
スマホとPCの非表示部分を合わせたものになります。
この範囲内で作成すれば、ほとんどのデバイスで上手く表示されます。
重要なテキストや画像は隠れる部分を避けて配置するようにしましょう。
STEP3 ヘッダーの参考イメージを持つ
いざ作成しようとなっても、デザイン経験がないとどう構成すれば良いかがわからないですよね。
そういうときは参考となる画像を探しましょう。
おすすめの参考イメージを持つ方法は2つ
- Twitterで同じジャンルの方のヘッダーをみる
- Pinterestで検索する
Twitterで同じジャンルの方のヘッダーをみる
もちろんパクってはダメですよ。あくまでも構成を参考にしましょう。
フォロワー数の多い方やインフルエンサーのヘッダーを見てみましょう。
Pinterestで検索する
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_469/https://noriya3157.com/wp-content/uploads/2022/02/image-249-1.jpg)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/02/image-249-1.jpg?resize=1000%2C469&ssl=1)
Pinterestは画像を中心としたSNS。細かい説明は今回省略させていただきます。
まずPinterestで自分のイメージするキーワードで検索します
例えば「シンプル」「スタイリッシュ」「ビジネス」「読書」など
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_408/https://noriya3157.com/wp-content/uploads/2022/02/image-249.jpg)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/02/image-249.jpg?resize=1000%2C408&ssl=1)
するとそれに関連した画像がずらーっと並びます。
色合いや構成を参考にして作成すると、自分のアカウントイメージに沿ったデザインで作成できます。
作成するスライド横に画像として貼り付け、比較しながら作るとイメージに合ったものを作成しやすいですよ。
STEP4 イメージに合う画像を挿入する
サイズ設定ができ、表示される部分を把握し作成イメージが持てたら画像・テキストを挿入していきましょう。
ここでの悩みとしては
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_80,h_80/https://noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-7-2.png)
![](https://noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-7-2.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/Open-Peeps-Avatar-and-Backdrop-7-2.png?resize=80%2C80&ssl=1)
・自分で良い画像を持っていない
・イラストを描くことができない
・デザインセンスがない
この悩みありますね。私もすべて並以下でした。
でも安心して下さい。今はクオリティーの高い素材が全て無料で手に入ります。使用しない手はないですね。
こちらの記事で無料で使えるイラスト・写真素材を紹介しています。
おすすめのフリー素材紹介(イラスト→イラストAC 写真→オーダン)
イラストAC
![](https://jp.static.ac-illust.com/main/imgs/open_grap.png)
![](https://i0.wp.com/jp.static.ac-illust.com/main/imgs/open_grap.png?resize=320%2C180&ssl=1)
イラストに関して大道ですね。
無料登録で利用することができます。無料版だとダウンロードに15秒時間要し、ダウンロード数9枚に制限されています。
プレミアム会員であれば枚数制限なし。
商用利用可
ちょうどいいイラスト
![](https://tyoudoii-illust.com/wp-content/uploads/2020/12/twitter_card.png)
![](https://i0.wp.com/tyoudoii-illust.com/wp-content/uploads/2020/12/twitter_card.png?resize=320%2C180&ssl=1)
その名の通りちょうどいい感じです。
キャラクターや物のイラストを使用したい時におすすめです。
商用利用可
クレジット表記不要
Linustock(ライナストック)
線画でユニークなイラストが多くなっています。
基本は線のみですが色付きパターンも準備されているのが良いですね。
商用利用可
クレジット表記不要
時短だ
その名の通り時短できます。20枚まで無料。
基本テイストを統一したフリー素材サイトが多いですが
時短だは様々なテイストのイラストが準備されています。
なので、自分のイメージに合うものを探しやすいです。
商用利用可
クレジット表記不要
O-DAN(オーダン)
![](https://o-dan.net/assets/img/jy992j_7gus-clem-onojeghuo-og.png)
![](https://i0.wp.com/o-dan.net/assets/img/jy992j_7gus-clem-onojeghuo-og.png?resize=320%2C180&ssl=1)
写真の背景を探すならO-DAN1つで問題なしです。
複数サイトの横断して検索してくれるので枚数がとにかく多いです。
外国のサイトなので、日本人を探している場合はおすすめできません。
商用利用可(ホーム画面で商用利用可の無料写真素材のみをチェック)
クレジット表記不要
これらのフリー素材サイトを利用すれば、そこそこデザインは問題なく作成できます。
画像の挿入方法
上記のフリー素材から使用したい画像をダウンロード後
ダウンロードした画像をドラッグしてパワーポイントのスライド内にドロップします。
そのままだとサイズが合わないので調整が必要です。
![パワーポイントでのトリミング方法](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img/https://noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h16_54.jpg)
![パワーポイントでのトリミング方法](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h16_54.jpg?ssl=1)
ヘッダーは細長いため、サイズが合いにくいです。
なので、まずは横幅を合うように画像を大きくします。
このとき縦横比が変わらないようにしましょう。
横サイズが一致したらトリミングで縦サイズをあわせます。
トリミングは図形形式→トリミングで可能。
縦のサイズをトリミングで削除していきましょう。
トリミングの方法がわからなければ【画像で伝わる】プレゼン資料作成|パワーポイントでの画像加工・配置のコツ7選こちらの記事で詳しく解説しています。
テキストの挿入方法
画像が挿入できたら、テキストを入れていきましょう。
![テキストボックス挿入](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_469/https://noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h27_30.jpg)
![テキストボックス挿入](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h27_30.jpg?resize=1000%2C469&ssl=1)
テキストは挿入→テキストボックス→ボックスを表示させたい部分に配置。
配置する際は先程の表示範囲を意識して配置します。
スマホ表示を意識してテキストのサイズは大きめにしましょう。
テキストに関してはこちらの記事で詳しく解説
STEP5 作成したスライドを画像に変換
完成したらパワーポイントのスライドを画像に変換していきましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_803,h_373/https://noriya3157.com/wp-content/uploads/2022/05/image-32-1024x476.png)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/05/image-32.png?resize=803%2C373&ssl=1)
「ファイル」→「エクスポート」→「ファイルの種類変更」→「JPEGファイル交換形式」で保存先を選択し保存。
これで画像として保存されたので、Twitterのヘッダー画像として使用することができます。
STEP6 Twitterのヘッダーに挿入する
![Twitterヘッダーへ挿入](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_866,h_317/https://noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h42_34.jpg)
![Twitterヘッダーへ挿入](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h42_34.jpg?resize=866%2C317&ssl=1)
PCでTwitterを開き、プロフィールを編集。
![Twitterヘッダー挿入カメラから](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_577,h_247/https://noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h43_40-1-e1638307101300.jpg)
![Twitterヘッダー挿入カメラから](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/2021-12-01_05h43_40-1-e1638307101300.jpg?resize=577%2C247&ssl=1)
ヘッダーのカメラアイコンから作成した画像を挿入しましょう。
挿入されたら実際にスマホやPCで表示を確認しましょう。
チェックポイント
- 表示させたいテキストイラストが隠れていないか
- 十分に可読できるテキストサイズか
気になる点があれば再度パワーポイントにて修正していきましょう。
その他のヘッダー作成方法
ここまでやって、
「やっぱりダメだ、納得いくものができない!」
となったら、外部ツールに頼るのもよしです。
おすすめは
Canva
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_250/https://noriya3157.com/wp-content/uploads/2022/02/image-249-2.jpg)
![](https://i0.wp.com/noriya3157.com/wp-content/uploads/2022/02/image-249-2.jpg?resize=1000%2C250&ssl=1)
https://www.canva.com/ja_jp/learn/easytodesign/
Canvaはとにかくデザインが豊富。
TwitterのヘッダーからYoutubeサムネイル、InstaglamなどのSNSで活用するデザインから
チラシ、プレゼン資料、パンフレットなどの作成までオシャレなデザインを提案してくれます。
さらに自分に合うように文字や画像を変更できるのも良いですね。
デザインに自信のない方は非常におすすめです。
難点は有料素材が多いこと。「使いたい!」と思った素材が有料で使えないことも多いです。
Canva Proならプロが作成した豊富なテンプレートや素材から洗練されたヘッダーを全て使用することができます。
無料お試し期間もあり。
Canvaはプレゼンでも大活躍。【パワポ不要?】プレゼンはCanvaでもできる!使い方・メリット・デメリット解説でプレゼンの作り方を解説しています。
Canvaからパワーポイントに変換することもできちゃいますよ。
ココナラ
![](http://coconala.com/images/facebook.png)
![](https://i0.wp.com/coconala.com/images/facebook.png?resize=320%2C180)
ココナラでも「Twitterのヘッダーつくります」と出品されている方多いです。
2000円~3000円で、伝えたアカウントのイメージに合ったヘッダーを作成してくれます。
手っ取り早くオシャレなヘッダーが欲しい方にはおすすめです。
参考ヘッダーデザイン
今回お伝えした方法で作成したヘッダーを数点紹介します。
どれも作成時間は10分程度です。
そこそこのデザインであればすぐ作れますよ。
![Twitter攻略法の参考ヘッダー](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_333/https://noriya3157.com/wp-content/uploads/2021/12/78692eb8438a92f7e11a516981ad7fad.jpg)
![Twitter攻略法の参考ヘッダー](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/78692eb8438a92f7e11a516981ad7fad.jpg?resize=1000%2C333&ssl=1)
イラストACで放射状のイラストをダウンロードして背景に設定
あとはテキストでコンセプトを記載 伝えたいイメージに合わせて文字色を決定。
![読書の参考ヘッダー](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_333/https://noriya3157.com/wp-content/uploads/2021/12/2839ab849d9b2c81bd86f4778e9767e3.jpg)
![読書の参考ヘッダー](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/2839ab849d9b2c81bd86f4778e9767e3.jpg?resize=1000%2C333&ssl=1)
こちらはO-DANで読書と検索し、画像をダウンロード。
読書好きのアカウントのイメージで作成しました。
![突き抜ける参考ヘッダー](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1000,h_333/https://noriya3157.com/wp-content/uploads/2021/12/0ae7c62e50dc705df75843b104ce66cd.jpg)
![突き抜ける参考ヘッダー](https://i0.wp.com/noriya3157.com/wp-content/uploads/2021/12/0ae7c62e50dc705df75843b104ce66cd.jpg?resize=1000%2C333&ssl=1)
こちらは3分ですね。はい。コンセプトのイメージに合った背景を設定すればそこそこにはなりますね。何が突き抜けているのかはわかりません。
まとめ
パワーポイントでもTwitterのヘッダーサイズに調整し、表示される部分を意識すれば、十分に使えるものが作成できます。
ポイントとしては
- 表示される部分を意識する
- 自分のアカウントイメージに合った画像を選択する
- 文字を見やすくする
今回紹介したSTEPの順番に実施していただければ誰でも簡単にお気に入りのヘッダーを作成することができます。
ご自身のヘッダーを見直し、イメージに合っていない。隠れてしまって見にくいなど気になる点がある方はぜひ、作成してみて下さい。