- ベストアンサー
イラストをスキャナーで取り込んでHPに載せたい。でも粗くなってしまいます。
ペンで描いたイラスト（白黒）をホームページに載せようとしていますが、どうしても画像が粗くなってしまいます。方法が間違っているのでしょうか？ちなみに今まで自分でやった方法ではこんな感じです。私のやってる手順を書きます。 ●スキャナーでイラスト（B5より少し小さめ）を取り込む。●ソフトはPhoto sutudio 2000 というフリーのソフトです（ウィンドウズXPに入ってたと思います）●解像度を７５dpiでスキャンすると、イメージのサイズはだいたい６００×４００くらいのサイズになり、重さは７０ｋｂ～くらいです。●これだと大きいのでイメージサイズの変更をします。希望のサイズは４８０×３２０くらいに小さくしたいのです。だいたい７５％くらい縮小します。●するとここで画像が粗くなります。●そしてこのままだと重い（７０ｋｂ）ので、３０ｋｂくらいに減らすために、ホームページビルダーのウェブアートデザイナーを立ちあげます。●画像を開き、WEB保存のボタンを押して、画像を見ながら数値を７５から下げていきます。●だいたい４０くらいの値で保存してホームページの載せます。●重さは３０ｋｂくらいになって軽くなるのですが、イメージのサイズを変更した時点で小さくなって＆粗くなります。●保存形式はJPEGにしています。何か間違っていますでしょうか？最初のスキャナーで取り込む際の解像度をもっと上げればようのでしょうか？たいへん初心者ですので、どうぞよろしくお願いします。
- プリンター・スキャナー
- 回答数9
- ありがとう数8
- みんなの回答 （9）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (8)
- jdash
- ベストアンサー率48% (23/47)
すみません、No.8の回答を書き間違えました…。 <a href="（Ａ）のURL"><img src="（Ｂ）のURL" width="（Ｂ）の幅" height="（Ｂ）の高さ" style="border:none;margin:5px;" alt="" /></a> です。申し訳ないです。
お礼
書きこみありがとうございます。この方法だと画像を２つアップロードするってことですよね？また機会があったらトライしてみますね！
- jdash
- ベストアンサー率48% (23/47)
- phobos
- ベストアンサー率49% (515/1032)
私は画像ビューアや画像形式変換やサイズ変更にはフリーソフトのマルチメディアビューア「IrfanView32」を使っています。けっこう高速・高機能で簡単に行えます。gifファイルが扱えるのが助かります。 ( IrfanView日本語版 http://www8.plala.or.jp/kusutaku/iview/ ) 参考までに、いま手元にある白黒イラストの256色グレースケールスキャン画像(GIF形式)をこのソフトで縮小してみましょう。（色数や階調によって違ってくるので、ひとつのサンプルです） 元ファイル＝907×756ピクセル、グレースケール256色、275KB (1)リサイズ：72dpiで「今の半分」(=453×378ピクセル）、にすると→62KB (2)減色：16色→34KB、８色→25KB、４色→16KB、２色→10KB になります。この画像の場合は８色まではＯＫでしたが４色にすると明らかに階調が粗くなりました。 なお、原画をスキャンするときは (1)解像度を上げて(300～600dpi）取り込むべきです。そうしておけば後で縮小処理するときに、よりきれいな画像が作れます。Web表示用に縮小するときに72dpiに落とします。 (2)グレースケールで取り込めば元画像ファイルは不必要に大きくならずにすみます。 以上、参考になれば幸いです。
お礼
大変分かりやすい説明をありがとうございました！！本当にとっても分かりやすかったです！！Irfan View32も使ってみました。使うやすいですね！でも、ちょっとイラストを手直ししたりするので、描画ツールがあるGIMPでやろうと思います。解像度を３００くらいでやったら綺麗になりました。解像度３００で取り込んだ画像をリサイズ（縮小すると）いきなり、見た目はめちゃめちゃ小さくなってしまって焦りましたが、大丈夫なんですね！とっても参考になりました。ありがとうございました。＼(^o^)／
- tokpy
- ベストアンサー率47% (1313/2783)
#4です。 > ●画像メニューから画像拡大縮小を選んで画像のサイズを指定（だいたい３００×３００くらい） > ●ついでに下にある水平解像度と垂直解像度の値を７２から３０くらいにさげて、・・・ Web表示用の画像の場合は，ピクセル数で大きさを指定するようにします。解像度（dpi値）は使いません。dpi値は，「ドット（ピクセル）÷インチ」という意味です。詳しい話は省略しますが，普通はピクセル数かdpi値のどちらかのみを指定します。一方を指定すればもう一方の値は自動的に決まる（または，無意味な場合もある）からです。 > でも、気のせいか、GIMP2（とWEBアートデザイナーで低くしたもの）の方が画像がきれいでした。 JPEGは写真のような画像に向いている形式ですので，画像が劣化する（エッジがぼやける）のは避けられません。イラストのような画像の場合は，TIFFなどのほうが良いですが，４８０×３２０のサイズで30KB以下にするのは無理かもしれません。 ちなみに480×320ピクセルのビットマップ画像は，カラーで450KBあります。それを30KB以下にするというのは「データ量を15分の1以下にしたい」ということですから，それなりに画質が劣化するのは当たり前です。 http://www.asahi-net.or.jp/~ax2s-kmtn/ref/jpeg.html > GIMP２をインストールした時の２つのフォルダは捨ててはいけないんでしょうか・・・？ 昔のことなので忘れました。f(^^; 解凍に用いた一時的なフォルダであれば消しても良いですが，インストール先であればダメですね。ゴミ箱に入れてGIMPを起動してエラーがなければ消しても問題ないと思います。
お礼
何度もありがとうございます。そうなんですね・・・解像度は使わないんですね。とりあえずブログには軽く且つ出来るだけ綺麗に載せたいので、GIMPで修正→ウェブアートデザイナーでファイルを軽くするという方法でやってみます。photo element2000で修正してWEBアートデザイナーで軽くするのと手間でいうと同じですが、GIMPの方がGIFで保存できるので、そっちの方がいいのかなと思っています。ありがとうございました！！m(__)m
- tokpy
- ベストアンサー率47% (1313/2783)
＃2です。 サイズを変えるだけなら，GIMP2などフリーソフトで十分できます。 縮小専用 http://i-section.net/software/shukusen/ GIMP2 http://www.vector.co.jp/soft/win95/art/se352400.html http://www.geocities.jp/gimproject/gimp2.0.html
お礼
何度もありがとうございます。縮小専用とGIMP２の両方をインストールしてみました。GIMPは初めてなので、いろいろと試行錯誤しましたが、どうしてもファイルサイズを下げることができません。 ●GIMP２をたちあげる●スキャナーからイラストを読み込む●塗りつぶしなどする●画像メニューから画像拡大縮小を選んで画像のサイズを指定（だいたい３００×３００くらい）●ついでに下にある水平解像度と垂直解像度の値を７２から３０くらいにさげて、拡大縮小ボタンを押す。（このあと画像は小さくなります）●これでGIFで保存します●でも、ファイルサイズは１２０KBとかになっています。これをだいたい３０KBくらいにしたいのですが、それはどうしたらできるのでしょうか？マニュアルなどを読んでみましたが分かりませんでした・・・(T_T) とりあえず、またホームページビルダーのウェブアートデザイナーをたちあげてファイルサイズを小さくしました。もしご存知でしたらよろしくお願いします。 また、縮小専用も使ってみました。とっても便利ですね。私が今まで使っていたphoto element 2000はやはりgif形式で保存はできないので、この縮小専用を使うときは、とりあえずJPEGで保存して、縮小専用のところにもっていってます。（でも、気のせいか、GIMP2（とWEBアートデザイナーで低くしたもの）の方が画像がきれいでした。あと、GIMP２をインストールした時の２つのフォルダは捨ててはいけないんでしょうか・・・？よろしくお願いいたします。
- turbo27
- ベストアンサー率40% (166/414)
私はＷｅｂのほうが詳しく、イラストは専門ではありませんが… イラストならJPEGではなくGIFで保存したほうがいいでしょう。もともとGIFのイラストをJPEGで保存しただけで、絵は完全につぶれるし容量は大きくなります。 これはどちらが優れていると言う事ではなく、保存形式の問題。JPEGは写真に向いていますし、GIFはイラストに向いています。 JPEGは不可逆圧縮で上書き保存するたびに画像の情報を削りますし、最終的に４０くらいで保存すると言う事ですから、それではかなりつぶれるでしょう。 実際拝見した所、Webではこれくらいでも十分だとおもいますが、やはり作者としてもっと綺麗に載せたいと言う事なら最初の段階でGIFにしてしまう事です。 私はOSがWin2kでIllustratorとPhotoshopを使っている形なので、そちらがもとからGIFで保存できるのか・PhotoStudio2000でGIFにできるのかは分かりませんが、 できるのならもとから、できなければJPEGで読み込んだものを画像編集ソフトで好きな大きさに縮小し（ピクセル数のほう）、GIFでWeb用に書き出します。書き出す時、使用する色数を下げる事でサイズ（容量のほう）を小さくできます。 モノクロのイラストで４８０×３２０ピクセルで３０KBくらいなら、今より十分に綺麗に書き出せると思います。
お礼
おはようございます。やっぱりGIFで保存した方がいいんですね。一度トライしてみます！分かりやすい説明をありがとうございました！！
- tokpy
- ベストアンサー率47% (1313/2783)
縮小モアレが出ているのかもしれません。また，JPEGは圧縮率を高めるとブロックノイズが出ます（画質が落ちます）。 http://arena.nikkeibp.co.jp/tec/camera/20020902/101713/ 白黒の画像であれば，取り込む際に「グレースケール（8ビット）」で取り込むといいと思います。白黒2値でも良いですがジャギーが目立ちやすくなります。白黒2値の画像は色の境界のコントラスト比が高いため，縮小すると縮小モアレが出やすいです。
お礼
参考に書いていただいた解説、とてもよく分かりました。でも、私のソフトphoto element 2000では保存方法を聞いてこないので（バイリニア法など・・・）、やっぱりNO１の方がおっしゃってるようにAdobe Photoshop Element でも買った方がいいのかもしれません・・・また、取り込みはグレースケールでしています。モアレのこと教えてくださってありがとうございました！m(__)m
- mekosuji
- ベストアンサー率40% (124/303)
絵が良いかどうかは別にして.......^_^; ブログに乗せるくらいならこれくらいで十分じゃないですかね～。 まぁ、やり方は相当面倒くさい方法ですがお持ちのソフトだけで作業するならしかたない気がします。また、B5サイズをこんだけ 小さくしているのですから細かいところはつぶれたりどうしようも 無いですし。とりあえず原画を見てないのでどれくらいひどいのか わかりませんしね。^_^; 出来ればAdobe Photoshop Elementsでも ご購入されれば一連の作業がこれだけで出来ますので便利ですよ。
お礼
こんにちは。お返事ありがとうございます。そうなんですか・・・手順は問題なくて、B５サイズくらいを縮小すると粗くなっても仕方ないんですね。フォトショップエレメントは詳細を読んで、いつか購入したいと思います。
お礼
ものすごーーーーく分かりやすい解説をありがとうございました！！本当に私でもこの通りにやることができました。ＢＭＰにするところだけ分かりませんでしたが、きれいにファイルを軽量化することができました！！●スキャナーで画像をＧＩＭＰに読み込む（解像度３００）→ＧＩＦ保存→ＷＥＢアートデザイナーでＷＥＢ保存→８色に減色＆ティザなし→保存でやってみたらきれいにできました。でもｆａｂ７６さんの４．１４ＫＢっていうのは、もしかして４１．４ＫＢの間違いですか？私はこの方法で４０ＫＢくらいに減らすことができました。ありがとうございました！！＼(^o^)／