[HOME]   [よくある質問集]   [サポート掲示板トップへ]   [BACK]   [レス投稿]



 ■--画像の重さについて
 >>>   -- 2002/05/09-02:22..No.[10603]
    こんにちは。お聞きしたいことがあるので、教えてください。
私のHPはイラストをメインに扱っています。
フォトショを使って描いているのですが、
どうしても画像が60〜90KBくらいになってしまいます。
これではやはり重すぎますよね?
来てくださる方にとってはやはりなるべく軽くした方が
よいだろうと思って、画像解像度を下げる・大きさをなるべく
小さくするなどしてみたのですが、画像解像度は大幅に小さく出来ても
画像のサイズは、やはり画像がつぶれてしまうのを防ぎたいので
小さくするには限界があります。この二つの方法以外で、
何か軽くする方法はないでしょうか?御存知の方がいらっしゃったら
おしえてください。




>>> もなか   -- 2002/05/09-02:44..No.[10604]
 
    画像の傾向によって 効果的な圧縮の仕方が違ってきます。

例えば JPG圧縮の場合、ボケ味の多い画像だと 圧倒的に圧縮率を上げる事が出来るので、
イラストを描く時点で 背景はかっちりさせずにぼかしを多めにかけたりすると
かなり小さくすることが可能です。
GIF圧縮の場合も 連続する色のピクセルを横方向にそろえると 圧縮率が上がります。

また、フォトショより高性能の減色エンジンを搭載した画像変換ソフトも多数ありますから、
フォトショの圧縮・減色では満足できない時は
そういうものを探して購入するのが良いと思います。

ところで、イラスト展示の場合は、
100KBまでなら許容範囲…ではないでしょうか。
細密画風のイラストやグラデーションを効かせたイラストの場合は
リサイズにも圧縮にも限界がありますし、
やっぱりきれいなまま閲覧したいです。
 

>>> maki   -- 2002/05/09-09:29..No.[10609]
 
    私もイラストサイト(PHOTOSHOP使用)なので私の場合を参考までに。
メインのイラストは私も涼さんと同じくらいです。大体50〜70KB。
80KBを越すと(滅多にないですが)思わず添付テキストで
「お待たせしてすみません」と謝ってしまいます。(笑)

サムネイルは1ページあたり20個程度並べるので1〜3KB。
バナーも基本的には人様のサイトで沢山並べられるものとして5KB以下にしてます。
圧縮にはPHOTOSHOPを使わず専用のフリーソフトを使用しています。

圧縮方法は絵のタイプに応じてjpgかgifか使い分けてます。
理論はもなかさんが書かれている通り。
同じ絵を両方で圧縮してみるとか実際に試しているうちに
だんだんと「あ、この絵ならjpgだな」とわかってきます。

>どうしても画像が60〜90KBくらいになってしまいます。
ギャラリーコーナーの作品としてのイラストならば
100KB前後でも良し、とする意見も最近は多いようですよ。
常時接続や早い回線のヒトが増えてきたのでしょう。
ただしTOP絵等、ある意味強制的に見せる場合は50KB以下の方がいいです。
TOP絵がなかなか表示されないとそこで引き返す…ってのも珍しくないから。(笑)

 

>>> toto   -- 2002/05/10-16:47..No.[10648]
 
    「画像解像度を下げる」について
HPに使用する画像なら一律72dpiだと思うのですが……。
実際そうしているのだったらごめんなさい。
 

>>> もなか   -- 2002/05/10-17:54..No.[10655]
 
    >totoさん
ウェブサイト用のCGを描く場合、150〜400dpi程度の解像度で作業を進め、
最終的にリサイズして掲載しますが、
フォトショップの場合、このリサイズのことを 「解像度を落とす」という言い方をします。
totoさんがおっしゃっているのは「モニタの解像度」寄りの意味で、
フォトショについて語っているのは「印刷(出力)用の解像度」寄りの意味…
似ているけれど、ちょっとだけ意味が違います。


 

>>> toto   -- 2002/05/10-18:25..No.[10660]
 
    あ、私がなにか勘違いをしているのですね?
初めに涼さんが画像を軽くする方法として
>画像解像度を下げる・大きさをなるべく小さくする
と書いてらっしゃったので
画像解像度を自由に設定なさっているのかと思って書き込みしました。
リサイズの段階で72dpiにすれば、サイズもモニタに表示される実寸で指定できるし
便利だと思っているのですけれど。
私のやり方がおかしいのかな?
 

>>>   -- 2002/05/12-01:48..No.[10939]
 
    皆様が丁寧でわかりやすい解答をしてくださったのに御礼を言うのが
遅れて申し訳ありませんでした。ありがとうございます。

私も作業をする段階までは解像度を300dpiにしておいて、
最後にリサイズする時に72に変えています。でも、実際のところ
まだよく「解像度」の意味などよくわかっていません(焦)
すみません。もう一度解説書等を読んで勉強してみることに
します。減色についても未経験なので、一から学ぼうと思います。
TOPページの画像については平気で70KB程のイラストを
使っていたので本当に反省しています。
勉強になることをたくさん教えてくださって、
皆さん本当にありがとうございました。
 



返信用フォームです

Name
Email
URL 自分のページで質問ある人は、必ずURL入れてね!!      
Message
Forecolor
Password     修正・削除に使用




■修正・削除: 記事Noと投稿時に入力したパスワードを入力し
edit(修正)又はdelete(削除)を選びupdateボタンを押下

No. Pass
はてなまん Ver0.57 Created by Tacky
コミュニティー版アレンジ By Nazca

女の子お絵かき掲示板ナスカiPhone修理