掲示板/総合質問板/過去ログ/一覧/ 画像を圧縮したのに

0 名前： ひなた ： 2005/08/30 21:50 ［URL］: 画像をフリーソフトで圧縮したりして軽くした
のにもかかわらず他のHPのサイトの写真より
表示時間がかかって仕方ありません。
みなさまどうしてますか？
写真を多く使ってるサイトでさえもすぐに
表示されるんですごいなあって思ってますが

1 名前：モノ： 2005/08/30 21:50: どこの画像・あるいはページがそうなのか、
具体的に提示しましょう。
（ページのURLとどの画像かを）

img要素のwidth/heightで画像の「表示する」大きさを決めてるから。
width/heightで表示する大きさを決めても、
読み込まれるのは64KBもの画像。
しかもそれをいくつも並べているものだから
ページの表示が重いのでしょう。
「表示する大きさに加工」することです。
余分なところをトリミング(切り取り)するなり、
画像の縦横のサイズを小さくするなり。

大きい画像は見たい人だけが見られるように。
詳細のページにも小さい画像だけ表示して、
それに大きい画像へのリンクを設定して、
「大きく見たい方は画像をクリックしてください。」
とでも添えておけばよいと思います。

http://www.meti.go.jp/policy/consumer/contents4.html
http://www.meti.go.jp/policy/consumer/tokushoho/gaiyou/tsuuhan_koukoku.htm#【事業者の氏名（名称）､住所、電話番号】
住所や事業者名、「申し込んでくれたらメールで知らせます」ってOKなのかしら？

2 名前： 愛浦憂馬 ： 2005/08/30 21:50 ［URL］: width と　height をつけていますか？？

3 名前： ひなた ： 2005/08/30 21:50 ［URL］: モノ様すみませんでした。http://fghj.net/~hinatasya/komono.html
ここのページとかやはり画像が多いせいか表示が遅いです。
縦、横も指定してますが。。。写真のいらない部分を修正するしか
ないんですね。あと事業主うんぬんなんですが私の経営仲間が
個人情報を載せるのは抵抗があるのでといってそぷいう方法
にしていると聞いて私もそうしました。改めて法律を見て
改正しようと思います。ありがとうございました。
愛浦憂馬様
指定してるんですけどねえ・・・画像を多く載せてるのが悪いのでしょうか（TT)

4 名前： Newのり太 ： 2005/08/30 21:50: あの。。。「圧縮」ってどういう意味で使ってます？
たとえば、提示されたページの左上の画像、
一見100×60ピクセルの小さな画像ですけれど
実は、2048×1536ピクセル、500KB近くあるファイルです。
http://fghj.net/~hinatasya/image/hinatasya/napukinao.jpg
ごらんのように、いくらheight属性、width属性で、見かけのサイズを
小さく指定したとしても、読み込まれるファイル容量はもともとのサイズのままです。
それがページにいくつもあるのですから表示が遅くて当然です。

画像処理ソフトで、あらかじめ表示させたいサイズに縮小加工するなどして
ページに貼り付けることをお奨めします。
そうすれば一画像5KB程度には出来ると思います。

あと、最上部の
file:///C|/Documents%20and%20Settings/ひなた/デスクトップ/freefirst/myhomepage/image/komono.jpg
は、おそらくご自分のパソコンでしか表示されていないと思います。

＜追記＞
あ、すいません。
>>1 のモノさんの回答とほぼ同じことを書いてしまいました。

5 名前： 愛浦憂馬 ： 2005/08/30 21:50 ［URL］: 結論

「圧縮方法の間違い」のようです

6 名前： b-cool ： 2005/08/30 21:50: </head>がありません。（<body>の前に入れましょう）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に変更しましょう。
重さ的には問題はないのですが、
タイトル画像に関しては、色数が少ないのでGIFにした方が宜しいかと。

7 名前： ひなた ： 2005/08/30 21:50 ［URL］: Tinuous 2.13 を使って画像を圧縮されたと思ったのですが
どうやらできてなかったみたいですね。。。
色々HPの問題のある箇所を教えていただいてありがとうございます
すぐに対処させていただきます。
本当にありがとうございました。

8 名前：モノ： 2005/08/30 21:50: 圧縮は出来ています。
あなたの場合、画像の表示サイズ(縦横)が問題なので、
そこを注意してください。

圧縮しても、縦横のサイズが大きければ、画像は重いのです。

9 名前： ひなた ： 2005/08/30 21:50 ［URL］: 皆様ありがとうございました！表示の重さ解決してこれから作業に
入りますが・・・何日かかることやら・・・（TT)
たびたびすみませんがb-coolさん、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に変更しないといけないのでしょうか？すみません。初心者なもので。
フリーソフトのHP作成AZUKIというもので作ったのですが
問題あるのでしょうか？
少しづつ直していきたいと思います。本当にありがとうございました。

10 名前： b-cool ： 2005/08/30 21:50: ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に変更しないといけないのでしょうか？すみません。初心者なもので。

という事なので、HTML4.0 Strict ではサポートされていないタグが多く含まれているので、
表示するだけなら問題はないのですが、どうせなら直した方が宜しいかと、
HP作成ソフトで作る事に問題はありませんが、
無駄なタグなどを含む事があるので、手動でのタグ直しはした方がよいと思います。

一番の問題は、</title>と<body>の中間に</head>がない事です。
ブラウザによっては閲覧できない事があるかもしれません。

それと、タイトルに関してですが、
GIF画像で色数を８色程度にすれば、2,3キロバイトになると思います。
色数が少なく表示できる箇所は全てGIF画像にした方がよいでしょう。
写真などの、色数が多くなるものに関しては、
JPG画像にし、画質を落とす事で軽くする事が可能です。
まぁ、どちらが軽いかは2つの画像を作ってみて
から考えて見た方が宜しいのではないでしょうか？

11 名前： カヅサツ ： 2005/08/30 21:50 ［URL］: > 一番の問題は、</title>と<body>の中間に</head>がない事です。
> ブラウザによっては閲覧できない事があるかもしれません。

（html 4.01 で）閲覧できなくなるブラウザがあるとすれば、悪いのはブラウザです（今のところオレはそういうバグは未見です）。head要素の開始タグおよび終了タグは（開始・終了が自明である場合）省略可能です。

> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> に変更しないといけないのでしょうか？

HTMLには様々な文法があり、文頭に記述する文書型宣言は、「どのHTMLのルールに適合しているか」を書かなければなりません。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi で http://fghj.net/~hinatasya/komono.html をチェックすると出てくる多くのエラーは、書かれているHTMLの内容が html 4.0 strict では認められていないからです。って、この文書型宣言はツールが出しているのですか？　だとすればずいぶん酷いソフトです。