Blog

Blogのアイキャッチ画像を変更しました

このBlogを作成しながら感じていたことは,記事を表示しているときのアイキャッチ画像がぼやけた感じに見えることでした。

まずは設定を確認

 Blogの設定を見ていると,アイキャッチ画像サイズについての部分があり,画像の幅が300pxになっていたので,ここを変更すればよさそうだと感じました。

640pxに変更して,画像をアップし直したところ,改善されました。

改めてアイキャッチ画像について調べる

 私はアイキャッチ画像って記事のサムネイル画像くらいにしか考えていなかったのですが,改めて調べてみると見てくれる方の目をひきつけ,サイト内を回遊してもらう役割を持った画像であることがわかりました。そして,作成の仕方からポイント,画像やファイルのサイズなどについても言及しているWebサイトがあったので,参考にしながらアイキャッチ画像を作成することにしました。

作成に取りかかります

 まずは画像サイズを横1200px,縦630pxに変更しました。アイキャッチ画像作成についてはCanvaというサービスを紹介しているWebサイトが多かったのですが,私は既にアカウントを持っているAdobe Expressを使うことにしました。

画像サイズを設定し,良さそうなテンプレートを見つけて写真とテキストを変更することで作成しています。写真は自分で撮影したものを使うこともありますし,AdobeStockというストックフォトから選んで使うこともあります。

完成したらPNGファイルでダウンロードして,ファイルサイズをチェックします。サイズが大きいときはプレビューアプリで画像を開き,JPGファイルで200KB前後になるように調整して保存します。
(初めからJPGファイルでダウンロードすればいいのかもしれません)

こうして作成した画像をアイキャッチとして使っています。しばらくはこのテンプレートで続けていこうと思います。

この記事へのコメント

コメントはまだありません。

コメントを送る

必須
必須  
※ メールアドレスは公開されません
任意
必須
Loading...  画像の文字を入力してください
1
2
3
4
5
6
7
8