白黒のイラストを知り合いにスキャナーで取り込んでもらいました。ホームページにしたいのですが、どうしてもイラストのピントが少しぼやけます。友人のスキャナーは1200dpiなのでそんなに問題は無いと思うんですが...。
それでフォトショップ5でぼやけたピントを直すためにシャープをかけるのですが、そうすると画像のサイズが大きくなってしまいます。ただシャープをかけてるだけなんですが、大きくなってしまうのはホームページとしてはあんまり良くないですよね?やっぱり少しでもサイズは小さくないと...。
それで質問なんですが、スキャナーで取り込んだイラストをハッキリクッキリさせた上に、画像のサイズも少しでも小さくするコツみたいなものを教えて貰えませんでしょうか!自分でもかなり試行錯誤したんですがどーしてもうまくいかないんです...。
今は1000×700のグレースケールの画像が150kbくらいの大きさになっています。
No.6ベストアンサー
- 回答日時:
またまた書きこみます。
当方、勘違いしていました。
シャープをかけると、ファイル容量が増えるということだったのですね。画像自体の大きさが変るかと思ってました。
失礼しました。
JPEGなどは、同じピクセルの画像で同じ圧縮度でも画像によってファイル容量が変ってきます。
単調な部分が多ければ多いほど高く圧縮されるためでしょう。
それで、解決策ですが、シャープは輪郭以外は試されましたか?グレースケールの場合結構強めにかけても良いと思います。足りなければ2、3回やることも。かけすぎたと思えば、[フィルター]の上から2番目に[シャープをフェード]で効力を弱めれます。
後は字が読める程度に画像の大きさを小さくしていくしかないでしょう。
HPの配置の仕方ですが、1ページに全ページを貼りつけるのでなければ、グレースケールなのでそんなに気にするレベルではないのでしょうか。
ファイル容量を気にしすぎてせっかくの作品が見にくくなってもしょうがないと思います。
ごめんなさい私の説明も足りませんでした。^^;)
シャープはかけるとやっぱり大きくなってしまうものなんですね。勉強になりました。シャープのかけ方も色々あるみたいですね。フェードで調整してみます。
1ページにイラスト1枚のつもりです。140KB程度ならば問題ないですか?色々他のホームページを参考にしたのですが、画像1枚が100KB超えている人は結構少なかったので「よくないのかな」と思っていました。
色々コツを教えて頂いたので、これをやってみて限界のようだったら140前後で手を打とうかと思います。ありがとうございます。
No.8
- 回答日時:
お返事が遅くなってすみません。
>個人のホームページで画像を分割している人はすごく少ない
イメージスライサーで分割した画像というのは、テーブルの中に入れて表示させます。そのテーブルのタグ自体はImageReadyが自動で書き出してくれますが、HTMLタグをある程度理解していないと思い通りの場所に入れられないかも知れません。普段ホームページ制作ツールで作っていて、タグの知識はほとんどない、というかたには敷居が高いのか・・・な?photoshopや他のイメージスライス機能のあるソフトも、お値段が張る上に「初心者でも簡単!」という訳にはいかないものが多いですから、そのへんも理由かも知れません。企業ページなどは、たいていプロが作ってますから、見かけることも多くなるのでしょう。
>画像を分割することのデメリット
上記の事に加えて、上から順番に表示してくれる、とも限らないようです、自分の経験上では。ブラウザについては、書き出されたタグ自体に変更をくわえなければ心配ないかと思います。(自分も全てのOS、種類、バージョンで確認出来た訳ではありませんが、ある程度のところまでは確認しています。)また、あまり細かくスライスしても、表示が遅くなる場合がありますので、おおきめにスライスしましょう。
ありがとうございました!!私はADSLですので表示する順番とかあまり関係なしに一気に表示されていましたが、ダイヤル回線の人には分割された絵が順に出るわけですねー。そういえばそうかー。よくわかりました!
個人のホームページで綺麗なCGを描いている人とかよく見かけるんですが、ああいう人はやっぱりフォトショとか使っていますし、それなら色んな知識もあるだろうしImageReadyもあるんだから分割すればいいのにーと思ったんですが、順番に表示させるとかデザイン的にどうとか色々あるんでしょうね。なんとなく面倒なのが大きいような風にも思えました。w
No.7
- 回答日時:
JPEGは圧縮の関係で、ぼかしをかけるとファイルサイズがちいさくなり、シャープなどをかけるとファイルサイズが大きくなってしまいます。
逆にGIFはぼかしをかけるとファイルサイズが大きくなります。
文字を含む画像の場合、GIFで保存するのが一般的です。(文字がJPEGに比べてはっきりでますので。)モノクロなら、8色や4色でもいいかもしれません。ディザをかけないほうが軽くなります。尤も、実物を見ないとなんともいえませんが。漫画という事ですので、スクリーントーンのグラデーションなどがあるなら、あまり色数はおとせませんし・・・。
イメージスライサーなどを使える環境があれば、一枚画像ではなく何枚かのGIF画像にスライスして表示させる、という方法もありますが。150KB一枚の表示を待つより、50KB画像が一枚づつ、三枚表示されるほうが閲覧者のストレスが少ない、という理屈ですね。(あまり細かくスライスしても、表示が遅くなりますので注意です)フォトショップ5にImageReadyが付属していたかどうかはちょっとわからないのですが・・・。
この回答への補足
最後にもう一つだけお聞きしてもいいでしょうか。
イメージスライサーで分割して画像をアップすれば早めに表示されて良いことづくめだと思うのですが、実際に個人のホームページで画像を分割している人はすごく少ないように思えます。企業のページではよく見るんですが。
画像を分割することのデメリットというのはなにかあるんでしょうか?もしかして見る人のブラウザによって見え方が変わるとか?
それとも個人のページでやっていないのは、ただ面倒くさいからでしょうか?w
jpgってそういう性質だったんですか!しりませんでした。ということはスキャナーで取り込んだ時に白黒2階調などでやっていたらGIFの方が画像の大きさは小さくなるかもしれないということですね。スクリーントーンなどもありますのでやはり16色ぐらいは要るかもしれませんが。
イメージスライサー?1枚の画像を分割して表示するものですか?たまに企業のホームページなどでそういう画像を見かけますが。ImageReadyはついていました!これでできるんですか?これからやり方を調べてみます。
No.5
- 回答日時:
ホームページ上に載せるのであれば、下のソフトを使ってサイズを落としてみてはいかがでしょうか。
参考URL:http://www.vector.co.jp/soft/win95/art/se139930. …
こういうものもあるんですね。今試しました。ほんの少しだけ落ちているみたいです。やるだけやって最終手段として仕上げに使わせて頂きます!
No.4
- 回答日時:
こんにちは。
イラストがどういうものか、わからないので、微妙なんですが、GIFではだめですか?
モノクロの場合、GIFの方がシャープに見えたり、軽くなる場合もあります。
また、シャープかけるのと同時に、コントラストも少し強めにするとはっきりする場合があります(JPGですと、白の部分が滲んだ感じになって、曖昧に見える事も多いので)。
イラストは白黒の漫画の絵なんです。だからゴチャゴチャとちいさなセリフみたいな字がたくさん書いてあります。
今GIFでも保存を試してみました。同じサイズで私の見た感じ同じくらいの画質を選びjpg(画質40)とGIF(16色)で保存したところ、jpgは92.7KB、GIFは127KBになりGIFのほうが大きくなってしまいました。
No.3
- 回答日時:
#1の者です。
訂正します。 1000×700ppi → 1000×700ピクセル
72ppiで800ピクセルだと約28cmですよね。
そんなに細かく手書きで書いてあるのですか?
ちなみにフォトショップのナビゲーターウインドウの表示は100%になっていますか?
実際に72ppiで表示されるのが100%です。
それでいてまだ余裕があればサイズを落とせますし、文字が見えなくなるのであれば、限界でしょう。
フィルタのシャープの件はどうでしょうか?
本当にサイズはかわりますか?
何度もすみません!ありがとうございます。
そうですね28cmです。イラストの内容は漫画の絵なんです。だから結構ちっちゃな字でゴチャゴチャ書いていたりしています。^^;)
ナビゲーターウィンドもピクセル等倍で100にして確認しています。
シャープの件は補足にも書きましたが、もう一回念のために今試してみました。
元の画像が670×1000で、それを536×800まで解像度を落とし保存しました。そのままjpg画質40で保存した物は81.4KBに、同じくjpg40のシャープ(輪郭のみ)をかけて保存した物は92.7KBになりました。
物によっては20KB増える物もありました。
No.2
- 回答日時:
こんにちは。
白黒なんですよねえ・・・。スキャナで取り込むときに白黒ニ値、またはモノクロで取り込んでみてはどうでしょう・・・。
カラーの設定で取り込むと色情報を取りすぎて輪郭がぼやけると聞いたような気がします・・・。お試しください。
私はスキャナーを持っていませんで知人に頼んでスキャニングしてもらいました。それから知人はjpgにして私に受け渡してくれました。
今後知人にまた頼むことがあれば白黒でやってもらうよう頼みます。でも今までやってもらった画像は30枚以上あります。「もう一回やって」と言うのはちょっと悪いなーって思いますので、今ある画像をなんとかフォトショなどでクッキリさせたいと思っています。
No.1
- 回答日時:
シャープをかけると画像サイズが大きくなる?
おかしいですねー。フィルターのシャープでしょうか?
その件は解からないですが、ファイルサイズの件でお答えします。
1000×700ppiだそうですが、どの位のサイズで画面に表示させようとしていますか?
一般にディスプレイに表示させるだけの目的であれば、72ppiで十分です。
まず自分で表示させたいサイズを決めます。
そしてフォトショップで[イメージ]の[画像解像度]で解像度を72にして、プリントサイズの縦・横を表示させたいサイズにします。
後は保存ですが、JPEGでいいと思います。
圧縮度は自分の好みで妥協できるレベルまで圧縮比を高めてください。
この回答への補足
シャープのことなんですがフィルターのシャープ(輪郭のみ)を使うと、使わないでjpg保存したものと比べて10から20KB大きくなってしまいます。微妙とは思いますが150KBと170KBだとなんかやっぱり大きくなってしまった感が強いんですよー。
元画像は1000×700のjpgで、それを800×550位にピクセル寸法を小さくし、元のままとシャープをかけるを2種類試してみて差が出ています。
1000×700は幅×高さのピクセル単位なんですが、今フォトショの設定を見てみたら解像度は始めから72になっていました。1000×700ピクセルって結構デカいんですが、白黒のイラストの中に手書きの説明文が入っていまして、あんまり小さい画像にするとその手書き文字が読めなくなってしまうんですよ...。それで1000×700位なら読めるかなーと思いまして。文字が読める限界まで頑張って小さくしたら800×位までならなんとか小さくできると思うのですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- デザイン 小説雑誌に掲載するイラストの報酬について教えて下さい 4 2023/08/04 14:48
- 写真・ビデオ 画像を合成すると片方がぼやけてしまいます 1 2022/09/21 20:42
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- Chrome(クローム) インターネットの各サイトの画像が表示されない 3 2022/12/04 22:43
- その他(健康・美容・ファッション) コンプレックスのお話です。 私は顔が小さくて体が大きいのでこのイラストみたいな感じになってしまいます 1 2022/10/16 23:16
- Illustrator(イラストレーター) イラストレーター(イラレ)で書き出した画像が荒れます… 3 2022/05/19 17:30
- 美術・アート 「自分のキャラに合わない絵」は、練習されすれば描けるようになるものでしょうか? 例えば、 世間知らず 2 2022/04/18 11:34
- ホームページ作成・プログラミング ホームページビルダー11で作ったHPにYoutube動画を埋め込みたい 3 2022/12/10 10:45
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
aviutlで動画に黒い画像(暗幕...
-
動画画面サイズを変えたい
-
画像がプラウザにうまく反映さ...
-
photoshopで埋め込んだ画像が荒...
-
画像が縮小されて開かれてしま...
-
画像をリンク先に指定したとき...
-
フォトショップで台形の斜め線...
-
photoshop WEB用ロゴ輪郭をきれ...
-
Premiere Proでの画面サイズな...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
背景を透過加工したPNG画像を色...
-
Gifのまわりに白い線ができる
-
ボタンを押したままにする。
-
たくさんのjpgファイルをスクロ...
-
IMGタグで画像の繰り返し使用は…
-
蔵衛門のアルバムの表紙の画像...
-
同じ画像 複数回使用
-
Access2003でpng画像の透過部分...
-
Adobe インデザインに詳しい方...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Photoshopで画像解像度が300dpi...
-
photoshopで埋め込んだ画像が荒...
-
一番解像度の高い画像を “Googl...
-
photoshopで作った画像をillust...
-
なぜ縦横比が狂って表示される...
-
イラストレーター(イラレ)で...
-
フォトショップで台形の斜め線...
-
画像を2枚ずつ表示できるビューワ
-
画像をリンク先に指定したとき...
-
文字を拡大するとぼやける
-
画像のピクセル色の割合を表示...
-
aviutlで動画に黒い画像(暗幕...
-
画像をきれいに見せるテクニック
-
photoshopでウィンドウサイズを...
-
Gimp→Illustratorでサイズが変わる
-
FileMakerに画像を挿入しようと...
-
アスペクトを変えない画像処理
-
背景に設定した画像のサイズを...
-
EPS画像(CMYK,300dpi)をJPEG画...
-
Excel2007で行の高さと列の幅を...
おすすめ情報