文字がにじむ。ぼやける。。Twenty Twelveヘッダー画像の謎。。

当ブログで使用しているテーマ【Twenty Twelve】は、カスタムヘッダーと言って、自分が好きなヘッダー画像を追加出来る機能があります。
また、ブログタイトルと説明文の表示、非表示を選択する事も出来ます。

「さっそくやってみよう～♪」
設定画面に行くと、このような記述がありました。

『おすすめの横幅は960 pxです。おすすめの高さは250 pxです。』

ならば！と張り切って？まずPict bearで、960px×250pxのタイトル文字入りのヘッダー画像を作って設置してみました。

「あれ？文字がにじんでる。。」
イラスト部分は気にならないけど、文字の部分がにじんでる。。ぼやけている感じに見えました。
自分のパソコン内で見る画像では問題無し。ヘッダー画像としてUPするとこういう現象になります。

どうしてだろう？と、「ヘッダー画像文字にじむ」「ヘッダー画像文字ぼやける」など、色々と検索。
でも、「これだっ！」という情報には巡り会えず。。
画像の保存は【png】にしているし。
まさかね！と思って、【gif】で作り直しても変わらず。。
まさかね！と思って、windowsペイントで作り直しても変わらず。。

画像自体に問題が無いのだとしたら、画像を縮小したり拡大したりした時に生じる現象？？
そう思い、大きめに作り直してみても変わらず。。

「style.css」を見てみたけど問題無さそう。。（そりゃそうだ。）

もう・・・・無理か・・・・ﾄﾞﾖｫｫ─(lll-ω-)─ｫｫﾝ…

半ば諦めた状態で、なんとなく適当に小さめの幅で作ったヘッダー画像を使ってみると？

（ ゜д゜）ハッ！直った？！

文字のにじみは気にならなくなりました。

上が960pxで作成した画像の文字部分。下が適当～に、832pxで作成した画像の文字部分です。

とりあえず。。百歩譲って、このままにしていますが。ww
もっと華やかなヘッダー画像を使う時なんかは、ブログの幅と同じにしないとバランスがおかしいですよね。

おすすめの大きさのヘッダー画像が上手に表示されないのは何故だろう？？
きっと、簡単な事に気づいていないだけだとは思いますが、謎は残ったままです。。。