アイキャッチ画像



  • よろしくお願いします。
    アイキャッチ画像についていくつか質問があります。
    1)アイキャッチ画像は16:9とありますが、元の画像が正方形っぽい場合、上下が切れてしまいます。その場合、どう対応したらいいでしょうか。(下に、ブログのリンクを送っていますが、最新の推し記事のピアノ画像が上下切れています)
    2)アイキャッチ画像がブログ本文で反映される場合に、大きすぎるように感じるのですが、表示のされ方で、もう少し小さくなるように変更できますか?(2/3ぐらい)
    3)これから使いたいと思う写真の多くが、縦長なのですが、その場合は、どうしたらいいでしょうか。縦長の写真に、テキストを入れて、ブログに入れたいのですが、アイキャッチ画像は縦長にはできないので、アイキャッチ画像の比率を変えられない場合は、それ用に切り取った画像を用意し、ブログの本文の方に縦長の画像をそのままの比率で使うことは可能でしょうか? 
    どうぞよろしくお願いいたします。

    私のブログリンク:https://mary-blog.com/


    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :



  • @mary_2021 さん

    こんにちは!

    1)アイキャッチ画像は16:9とありますが、元の画像が正方形っぽい場合、上下が切れてしまいます。その場合、どう対応したらいいでしょうか。(下に、ブログのリンクを送っていますが、最新の推し記事のピアノ画像が上下切れています)

    こちらについては、JINの仕様が16:9になっておりますので
    基本的には mary_2021 さんの方で元の画像をトリミングしていただく形になってしまいます。。

    どうしても正方形の画像を全て見せたい場合は、僕だったら以下の画像のように画像編集ソフトなどを使って、
    正方形の画像はそのままで、左右に余白を持った画像を作るとかをするかもしれません!
    (その場合、余白部分は mary_2021 さんのサイトの背景色と合わせてあげると綺麗だと思います)
    0_1644803808501_画像テスト.jpg

    関連トピックもお伝えさせていただきますね。
    https://jin-forum.jp/topic/3308/画像をアップロードしてプレビューで確認するとズームされた画像になって切れてしまう
    https://jin-forum.jp/topic/2620/記事のアイキャッチ画像をトリミングしたくない場合

    2)アイキャッチ画像がブログ本文で反映される場合に、大きすぎるように感じるのですが、表示のされ方で、もう少し小さくなるように変更できますか?(2/3ぐらい)

    こちらも基本的には仕様の話になってしまいますので、
    基本的にはカスタマイズでご対応いただく形になってしまいます。。
    (CSSを使ったカスタマイズが簡単だと思います)

    3)これから使いたいと思う写真の多くが、縦長なのですが、その場合は、どうしたらいいでしょうか。縦長の写真に、テキストを入れて、ブログに入れたいのですが、アイキャッチ画像は縦長にはできないので、アイキャッチ画像の比率を変えられない場合は、それ用に切り取った画像を用意し、ブログの本文の方に縦長の画像をそのままの比率で使うことは可能でしょうか?

    本文の方には縦長の画像をお使いいただけます!

    ただ、縦がかなり長い画像ですと、ブログ記事として読みにくくなってくる可能性がありますので、
    そのあたりは注意した方が良いかもしれませんね。。
    (画像を挿入する時にサイズを選べるので、そこで適宜調整してあげてください)

    ↓ の記事の序盤に書かれている内容が、それに当たるかと思います。
    https://kansai.weblab.co.jp/blog/design/picture-ratio/

    他にも色々なサイトを見てみて、本文中にどんなサイズの画像を使っているかを
    比較検証してみるのもおすすめです。
    (おそらく極端な縦長の画像は少ないのではないかなと思います)

    ご参考いただけますと幸いです!
    よろしくお願いいたします!



  • それぞれの質問に丁寧にご回答いただき、ありがとうございます! とても助かりました。

    「どうしても正方形の画像を全て見せたい場合は、僕だったら以下の画像のように画像編集ソフトなどを使って、
    正方形の画像はそのままで、左右に余白を持った画像を作るとかをするかもしれません!」
    これについて、私はMacBookを使っておりますが、お薦めの画像編集ソフトはありますでしょうか。Fotorを使ってみましたが、私にとってはあまり使い勝手が良いようには思えませんでした。余白を持った画像を作ったり、画像にテキストを入れて、フォントを好きなように変更したり、といった程度のことが簡単にできるものがあるといいのですが。
    JINには関係のない質問をしてしまい申し訳ありません。
    また色々質問させていただくことになるかと思います。どうぞよろしくお願いいたします。



  • @mary_2021 さん

    これについて、私はMacBookを使っておりますが、お薦めの画像編集ソフトはありますでしょうか。Fotorを使ってみましたが、私にとってはあまり使い勝手が良いようには思えませんでした。余白を持った画像を作ったり、画像にテキストを入れて、フォントを好きなように変更したり、といった程度のことが簡単にできるものがあるといいのですが。

    そうですね、、こちらについては好みの話にもなってしまいますので。。
    画像編集ソフトでなくても、XD や Figma でも対応できると思います。

    こちらも参考になりましたら幸いです!



  • アイキャッチ画像で@tsu_が発言 :

    XD や Figma
    ご回答ありがとうございます。XDやFigmaは知りませんでした。調べてみます。
    どうもありがとうございました!
    いつも親身になって対応していただき感謝しております!



  • @mary_2021 さん

    いえいえ、参考になったようで良かったです!

    引き続き、よろしくお願いいたします。
    (ご確認いただければ、ご返信は無用ですので!)