WordPress におけるアイキャッチ

本WebサイトはWordPressで作成しています。アイキャッチを作る際になかなか上手くいかずに絵が切れたりしていました。ようやく、作り方がわかったので書いておきます。WordPressは頭が良いので、画像サイズを表示内容によって変えてきます。作成する側からするといろいろ、画像サイズや解像度を弄っても思うようになりません。私はGIMPを用いていますが、アイキャッチは以下のように作ると上手くいきます。

  • フリーサイトで落とした画像の縦サイズを当比率で675pix にするか、横サイズを1200pixにします。その場合に、縦 675pix 横 1200pix を超えるのなら、どちらか長いほうを小さくします。(上段メニュの画像→画像の拡大・縮小:この時、鎖は切らない。切らなければ当比率で画像サイズが変わります。)
  • ファイル→新しい画像を生成で、キャンパスサイズが1200pix 675pix サイズの白キャンパスを作ります。先ほど作成した画像サイズを修正した画像をコピーして、この白キャンパスに張り付けます。この時に、画像が書けるのであれば、画像サイズの調整が間違っています。
  • その後、白キャンパスにコピーされた画像を、ファイル→名前を付けてエクスポートでエクスポートします。この時に、拡張子を変えることで、画像フォーマットが変わります。大体は、.png か .jpg でしょう。