ちょこっとスキン確認 ~本文の横幅サイズ
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]

by salasa_salasa | 2006-02-16 22:10 | ちょこっとスキン | Comments(12)
Commented by akabee-photo at 2006-02-17 01:51
ほほぅ。
今回もスキン変更講習ですね。

ふむふむ…
そういうことなんですね~
この記事を見ながらやってみよ!
Commented by kabashun at 2006-02-17 10:23
これ、重要だよねー。がたがたしちゃってるの見るともったいないーって思うもん。
このねたPIEで使わせてもらおうかなw
Commented by 殺姫 at 2006-02-17 12:48 x
最近、スキン講座ブログになりつつありますね^^
私もそれ、悩んだあげく、よくわからなくて放置です^^;
今度はLivedoorで教えてください(笑)
Commented by asami at 2006-02-17 15:12 x
はじめまして♪Dabblinサンのブログから飛んできちゃいましたw

2日前にブログをはじめたばかりで、画像を載せるのにとっても苦労してたので、助かっちゃいました♪ありがとうございました^^

とっても素敵な写真ばっかりで・・・・・思わずコーヒー片手にほわぁぁぁぁんっとなっちゃいました♪ごちそうさまです。
また癒されに来ちゃっていいでしょうか・・・てか、来ますのでよろしくです。

ぁ!質問させてください。ここのブログの右端に掲載された写真がずら~~っとでるのは、技なのでしょうか?
良かったら、教えてください(*´Д)ノノ【 ヨロシク゚+.゚゚+.゚】
Commented by atsumomoan2 at 2006-02-18 03:14
ほう、分かりました! ありがとうございます。
参考にしてみますね。
Commented by salasa_salasa at 2006-02-18 16:42
* akabeeさん *
アワワ講習というほどのものではないですよー^^;
気づいたことを載せていこうかなぁなんて思ってます。
ふむふむーと思ってもらえればうれしいです!
Commented by salasa_salasa at 2006-02-18 16:42
* かば *
画像を綺麗に見せるためのちょっとしたコツって
やっぱり知りたいことだと思うから
PIEのネタにいいと思うよー。
あっという間にあと一ヶ月だねw
Commented by salasa_salasa at 2006-02-18 16:44
* 姫 *
Livedoorブログはコメントの反映がなんだか調子悪いねぇ。
コメ数0ってなってるのに、開くとズラーってコメ並んでたり。
シンプルなexciteブログに慣れちゃうと他所はよくわからないわぁ。
エキでもつなびぃとかPOQUEが貼れるとうれしいんだけどな。
ここ、貼れないの( ´,_ゝ`)
Commented by salasa_salasa at 2006-02-18 16:49
* asamiさん *
はじめまして。コメントありがとうございます^^
さっそく私もうかがわせていただきました。
海といっしょの生活、憧れます。
どうぞまた覗きにきてくださいね!
右端の写真は、HTML(タグ)をつかって貼っているんですよ。
HTMLの知識が少し必要になります。
Commented by salasa_salasa at 2006-02-18 16:57
* あつもも庵どの *
ちょっと気づいたことを書いてみたんですが
参考にと言っていただけてうれしいです^^
Commented by cocolococoni at 2006-02-19 19:41
さらせんせぇー!
今までまったく無頓着だったんですけどね。。。
サイズ直してみたら、なるほどなるほどで
やっぱりちょっと画像、凛々しくみえる気がしますよ!
た、たぶん。。直せてるとおもうんですけどね。。。
自分じゃまったく気づけなかったので、ホント感謝です♪
Commented by salasa_salasa at 2006-02-20 20:23
* ココロさん *
おおーお役にたててうれしいですー。
スキン次第でせっかくの写真が変わってしまうってこと、けっこう盲点かなぁと思ったんですよ。
せんせってのははずかしいのでやめましょうよ゙;(;゚;ω;゚; ) キュー