ちょこっとスキン確認 ~本文の横幅サイズ
exciteブログで画像をUPすると、使っているスキンによって
載せた画像の横幅が変わってしまうことがありますよね。
「スキン変更」でいろいろなスキンのプレビューを試してみるとわかりますが、
スキンによって本文横幅の設定が違うからなんです。

スキンの「本文」部分に設定されている横幅を超えた大きさの画像をUPすると、
自動的に画像が縮小されてしまいます。
縮小されるとかなり画像が荒れてしまうので、
写真を綺麗に見せるには 使っているスキンの最大横幅を超えないようにすることを
おすすめします。
(画像をクリックすると元の画像が別窓で開くので
「クリックして見て下さい」 と表記されている方もいらっしゃいます。)


e0005553_1193660.jpg

↑ 横幅1100ピクセルを載せてみました。
直線がガタガタして汚く見えるのは
スキンの設定横幅より大きな画像を載せたので縮小されたからです。
(画像をクリックすると元の画像のサイズが表示されます)
※ブラウザがIEの場合は顕著に荒れています。
Firefoxで見るとそんなに荒れていないようですが、
ブラウザのシェアはIEが多いので、考慮することをおすすめします。


e0005553_9323226.jpg

↑ 設定横幅以下にリサイズして載せると荒れません。

じゃ、スキンのどこを見れば横幅がわかるの?

ってことなんですが、
スキン編集画面を見ると はじめに [■ 各部分別横幅] という表示があるので

現在設定された部分別横幅(pixel) : 本文 445 - ロゴ150 - メニュー 160

などと書かれた本文の横幅(↑この場合は445pixel)をまず確認してみてください。

スキンの編集を自分ではしたくないよ~という方は
使っているスキンの[■ 各部分別横幅] に書かれている本文のサイズを参考にして
それ以下になるように画像をリサイズしてから
載せると綺麗に表示されます。


exciteで用意されているそれぞれのスキンのサイズは、
[スキン変更] 画面からスキンの [編集] を押すと
調べることができます。
そのまま次々と違うスキンを調べる時は左側の「スキン変更」を押しながら変えてください。


大きな写真を綺麗に表示させている方のブログを見ると
本文の横幅サイズが大きいスキンをつかっていらっしゃいます。
例として 「Two Colors」 というスキンは本文サイズが700pixel もあります。
そして700pixel 以下に画像をリサイズして載せていらっしゃる方がほとんどです。


[■ 各部分別横幅] は、[変更]ボタンを押して横幅のサイズを変更することができますが、
その変更だけではスキンには反映されません。
HTML部分に横幅(width)が指定されていたり、
CSSで他に細かい指定があったりするので
実際に横幅変更をするにはその部分の編集も必要になります。
自分でスキンを編集したい方は注意してくださいね。
[PR]