はじめに
ブログで設定したアイキャッチ画像が実際にTwitterではどう表示されるのか確認したい時ってありますよね?
場合によっては文字がうまく表示されない時もあったり、スマホとパソコンで表示のされ方がちがったりします。
そういう場合に備えて事前にテストしておきたい時に便利なのが「アイキャッチ画像サイズチェッカー」というサイトです。
リンク:https://saruwakakun.com/it/seo/eyecatch
このサイトはブロガーのサルワカさんという方が作成されたツールです。
サルワカさんのブログはこちら→https://saruwakakun.com
アイキャッチ画像チェッカーの使い方
では実際に使い方を見ていきましょう。
まずサイトを開きます→https://saruwakakun.com/it/seo/eyecatch
サイトを開くと「画像を選択」というボタンがあるのでそれをクリックして確認したい画像を選択します。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/8833c2a15263619ed13b04d751c608aa-1024x712.jpg)
今回はこの画像で試してみます。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/BchQw0aYtdTYleb1640757942_1640759619-1024x538.jpg)
画像を選択するとページ下の方にTwitterやFacebook、はてなブックマークなどのタイプのサムネイル表示を確認できます。
まずはTwitterから。Large Summaryタイプではしっかりと全部表示されていますが、Summaryタイプでは画像の中心を切り抜かれていて全部は表示できていないようです。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/9f0b1bd55a88c2e1bb1d082d6bfdacf9-1024x849.jpg)
次にFacebook。こちらも形式はTwitterと同じように表示されていますね。右側は切れてしまいます。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/389ea2ae76b987f173b5cebe7a6d90b9-1024x831.jpg)
次にはてなブックマーク。こちらはどうやら左半分を切り抜かれて表示されているようです。なかなか難しいところです。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/79906c6104bedb46c47c8532c96a96b0-1024x970.jpg)
はてな・ライブドアブログのサムネイルは真ん中を正方形に切り抜かれる表示のようです。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/f8ab0c5172a39b39800ea55f611a8682-1024x563.png)
最後は任意のサイズをチェックできるようです。試してみたいサイズを指定するとその形式のサムネイル表示が確認できます。
![](https://www.mimi-blog.info/wp-content/uploads/2021/12/bc2bc73ac4d2e3ece8d2148d58c93af7-1024x806.jpg)
おわりに
いかがでしたでしょうか?
なかなか全てのタイプで完全に上手く表示させることは難しいですね。
なのでどれかのタイプに焦点を絞ってサムネイルのサイズを指定するのがいいかと思います。
例えばTwitterを中心に活動するのであれば、1200 X 630のサイズで作成するといいかと思います。
それぞれ目的に合ったサイズにできているか確認する時にアイキャッチ画像サイズチェッカーは非常に便利なツールです。
ぜひご利用ください。
よろしければ以下のボタンをポチッと押してくれると嬉しいです!
![人気ブログランキング](https://blog.with2.net/img/banner/banner_yoine.gif)
人気ブログランキング
![ブログランキング・にほんブログ村へ](https://b.blogmura.com/88_31.gif)
コメント