ブログのヘッダー画像がうまくハマリません。

ブログのヘッダーを変更する為

使用中のテンプレートCL　ADVANCE

CSSの編集の編集に入り
/*-- タイトルバナー内部の設定 --*/で
/*-- ↓タイトルバナーに画像を入れる場合は、
下記のコメントをはずし、画像URLを指定する --*/
の（）に前の　タイトルURLから新しいタイトルバーナー
のURLに変更したのですが　画像が小さくなり上下左右
が空いてしまいます。
もちろん以前のヘッダー画像と縦横の大きさは合わせて
在ります。
念の為　フル画像サイズ加工なしでURLを作り同じように
画像URLを指定する --*/の（）に入れましたが、
やはり画像が小さくなり上下左右が空いてしまいます。


ちなみ以前のヘッダー画像も今回の新しい画像も
gooブログの画像フォルダーに入ってます
セキュリティの関係で画像URLのプロトコルが
今使用のhttp:から新しいものはhttps:
に代わっている事が気になります。
新しいＵＲＬで上下左右に隙間ができてしまった画像を
添付します。

質問者からの補足コメント

• 皆様　ありがとうございます。解決いたしました
  gooブログ画像フォルダーの推奨設定が640pxになってました。
  設定変更して再度アップして、ヘッダー画像はうまく収まりました。
  皆様のご協力に感謝致します。

    補足日時：2024/06/08 08:04

No.2 回答者： ssawatake 回答日時： 2024/06/08 12:24

＞＞解決いたしました

良かったです。
CSS追いかけたところ、ヘッダのバックグラウンド画像はブラウザ横幅一杯100%になる様なCSSで、高さは280px固定になってます。

この回答へのお礼

ssawatake様ありがとうございました。お陰様で解決いたしました。
高さは280px固定を調べて頂きありがとうごっざ居ました。
私の画像は高さ380pxなのでリミット超えているのですね。念の為、/*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する と言う箇所を--*/height:380px;に設定致しました。色々ありがとうございました。
お手数かけましてすみません。

お礼日時：2024/06/08 13:16

No.1 回答者： ssawatake 回答日時： 2024/06/07 23:10

ブログに画像をアップする時、長辺サイズを選択しますが合ってます？

私がそのテンプレートで表示して、オリジナルバナー画像をダウンロードすると、横が2000pxの画像ですが。

この回答へのお礼

ssawatake様ご回答ありがとうございます。実はこのヘッダー画像はwidth929px　height380pxに設定
しています。こちらは今使用しているヘッダー画像と同じサイズです。もともとこのブログのCSS設定がサイドバー＋メイン全体の設定がwidth:930pxとなっております。ssawatake様のご指摘の通り根本的な画像サイズも疑い、大きさの加工も異なるアプリで5パターン作ってみました。中にはwidth4000pxなんてものも作成して、ハメてみましたが同じ結果でした。gooブログ画像フォルダーへのアップ時に変更されてしまうのか、または新しいURLアップ時に縮小されてしまうのか？もう少し調べてみます。お忙しい中ご検証ありがとうございました。お手数を掛け申し訳ありません。

お礼日時：2024/06/08 06:50