バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2004年09月06日

前回、行間を広くするには、本文を、 <span style="line-height: 180%"> 　と
</span> で囲めばよい．．．
と、紹介したが、この行間隔を調整するHTMLでは、本文の途中で画像を使った場合に
文字と画像が重なってしまって、思うように表示されないことがある。

このヤロー、だましやがったな！

と言う方は、帰ってよろしい。

対処法を覚えておきたいと思う方だけ、続きを読んでいただきたい。
別に難しくも何ともない。
画像を<div>と</div>で挟むだけだ。　実に単純！

たとえば
<div><img src="画像の保管場所"></div>
のように書く。

これにより、この画像は別区画として扱われ、前後の文章や文字が
重なるなどの不具合は起きなくなる。
これも覚えておくと、トラブルの際にあわてずに済む。

ただ、別区画であるから前後に空行が自動挿入されて、
少し間延びした印象になるのが、難点と言えば難点か。

この方法は、毎回このページで載せている「子猫の里親募集」の
写真に、毎回使っている。
気になる方はソースを調べてみるのもよろしかろう。

このように、HTMLはタグでサンドイッチするだけの、単純な言語なのである。
恐るるに足らず。　以上、昨日の補足、終わり。

【仔猫の里親募集中】

　↑この子猫の里親を募集しています。

さて、本題に入ろう。
今日は、よく誤解される「画像サイズ」のお話。

楽天日記では使える画像に容量制限があるのに、トップページなどに
大きな画像のせている方が多くいる、いったいこれはどうやっているのか、
という質問をいただいたことがある。

どうやるもこうやるも、別に、秘策などはない。
普通に50KB以下の画像を、画像倉庫に保存して、
それを載せているだけのことである。

このような疑問は、画像の見かけの大きさと、ファイルサイズを
混同してしまうことから起こる。

見かけの大きさとは、文字通り、画像の縦と横の長さのことを言う。
見たままのサイズのことだ。　単位はピクセルなどで表す。

ファイルのサイズとは、キロバイトなどの単位で表す、データ量のことである。

ご存じの通り、コンピュータはすべてのデータを、０と１で処理する。
ファイルサイズとは、そのファイルに含まれる０と１の総量、と考えれば
理解しやすいかもしれない。

見かけの大きさと必ずしも比例しない。　だから、画像の見かけが大きくとも、
ファイルサイズは小さい場合もあり、その逆のケースもある。

もし、画像が大きすぎて画像倉庫に入らない、と言われたなら、
それはファイルサイズのことを言っている。
決してタテ、ヨコのサイズの意味ではない。

ファイルサイズが大きすぎるのなら、オーバーしないように、
予めダイエットするしか、他に方法はない。

画像のダイエットは、バカネコ講座の「画像を切り貼りする」に
解説してあるので、気になる方は、ご参照いただきたい。

見かけのサイズを変更するには、縦横の幅を表す width や Height の値を
書き換えればよい。

具体的には、
<img src="画像の保管場所" width="300" height="200" border="0">
の中で、 width="○○" 　や　 Height="○○" の数字を書き換えるのである。

モト画像の縦横比に比例させれば、拡大も縮小も自由である。
縦横比を変えて、故意にひしゃげた表示をすることも可能だ。

もう、お分かりのことと思うが、表示サイズを変えたとて、データの総量が
増減するわけではない。
タテヨコの表示寸法を書き換えても、変化するのは見かけの大きさだけである。
したがって、持っている情報量は変化しないから、拡大すれば画質は落ちる。

ファイルサイズのダイエットをしておいて、見かけだけ、モトの大きさにしたら、
当然そうなる。
つまり、「解像度を落とした」ことになる。

ここまで読み通したアンタは、えらいっ！
これで、ファイルサイズと表示サイズの両方をあやつれる、
画像ファイルの達人になった．．．かもしれない。

この記事がおもしろかったと思う人は１票！　クリック　→

ネコでもわかる　バカネコ講座はこちら。　→ 超初心者ＰＣ講座

笑って楽しみたい方はこちら　　→　爆笑ガイド

パソコン買い替えの前にチェック　→　費用の削り方

画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2004年09月08日 01時12分23秒
コメント(7) | コメントを書く

[バカネコＰＣ講座] カテゴリの最新記事

マイドキュメントフォルダを、Ｄドライブ… 2008年08月12日コメント(22)
保存できないWebページを保存するには 2008年07月03日コメント(22)
Outlook Express を整備してドライブの空… 2007年11月21日コメント(28)

■コメント

Re:画像サイズって何なのよ(09/06)

☆桜花☆ さん

あ”～！
子猫に触って癒されたい・・・・(T_T)

え？画像の貼り方？
・・・・・後でちゃんと読みまつm(_ _)m (2004年09月08日 01時19分48秒)

返事を書く

☆桜花☆さんへ

海獣トドさん

＞あ”～！
＞子猫に触って癒されたい・・・・(T_T)
＞
＞え？画像の貼り方？
＞・・・・・後でちゃんと読みまつm(_ _)m
-----

やっぱりなー、誰も読んでくれないと思ったよ。
PC講座はアクセス低いんだもん。
やめよっかな。

(2004年09月08日 01時32分20秒)

返事を書く

PC講座

chako1002 さん

海獣トドさん

先日、日記リンクさせていただく時、ネコ好きが最大の理由と書きましたが、
そのほかの理由として、PC講座も、私にとってはありがたいものなのです。

アクセスに関係するなら、何も言えませんけれど、私は最後まで読みましたよ！ (2004年09月08日 22時09分36秒)

返事を書く

Re:PC講座(09/06)

海獣トドさん

chako1002さんへ

＞先日、日記リンクさせていただく時、ネコ好きが最大の理由と書きましたが、
＞そのほかの理由として、PC講座も、私にとってはありがたいものなのです。
＞
＞アクセスに関係するなら、何も言えませんけれど、私は最後まで読みましたよ！
-----

にゃはは、ありがとうございます。
にゃんこネタとか、ウンコネタの方が、盛り上がるんですけどね。

(2004年09月09日 12時37分00秒)

返事を書く

ありがとうございます！

M A R I さん

怪獣トドさま

この度はご訪問＆書き込み、ありがとうございます。

デジカメを買ったものの、日記にＵＰできずに苦戦。

ですが、怪獣トドさんの日記のお蔭で、
なんとかできるようになりました。

ＰＣは９５の時から持ってたクセに、
ペイントを使うのは今回始めて。

ペイントがファイル形式の変換ツールとして
使えるとは思いもよらず、本当に勉強になりました。

大感謝です！

ありがとうございました！！

追伸：私の日記で、紹介させて下さいね。
(2005年10月10日 12時23分07秒)

返事を書く

お詫びです。

M A R I さん

ごめんなさい！

お名前を「怪獣」と間違えてしまいました。

大変失礼致しました。 (2005年10月10日 12時49分14秒)

返事を書く

M A R Iさんへ

海獣トドさん

＞デジカメを買ったものの、日記にＵＰできずに苦戦。
＞なんとかできるようになりました。

良かったですね。

＞ペイントがファイル形式の変換ツールとして
＞使えるとは思いもよらず、本当に勉強になりました。

案外、ペイントは知られていないんです(笑)

(2005年10月10日 14時14分43秒)

返事を書く