web制作初心者です。画像は何で保存すると美しく表示できるのでしょうか？

質問

web作成初心者です。イラストレーターで作った地図のデータをhtmlデータに貼り付けると粗くてきれいに表示できません。
GIFよりもJPGの方がきれいに表示できると聞き、イラストレーターで作って.aiで保存したデータをフォトショップで開きJPG保存してみたのですが文字は読めなく画像が粗くなってしまいます。フラッシュで作ったデータはきれいに表示するようですが、動画でもないので…
なにか方法はあるのでしょうか？
よろしくお願いします。

回答No.3

salonpath · ベストアンサー

単に小さすぎて潰れてるのかな、アンチエイリアスがかかってないとか、アンチエイリアスが強すぎるとか、飾りがありすぎるfontを使っているとか？

>ピクセルビュー
illustratorのツールバーの[表示]の中にある[ピクセルビュー]で表示です
ベクターで表示できます、Webに使うjpgやpngやgifはベクター画像です。
パスで書くのはラスターですよね。

ラスターとベクターの違い
http://runagate.dyndns.biz/flash/pict

“ウエブでプレビュー”てなんでしょうか、どうやってやるんですか？

補足

早々のご回答ありがとうございました。
ラスターとベクターの違いも解り易いURLつけていただいて感謝です。

“ウエブでプレビュー”ですが“ブラウザでプレビュー”の間違いでした。すみません。
イラレでは無く、Dreamweaverの機能です。

[ピクセルビュー]してみましたが、文字は潰れてしまうので、どうやら限界の様ですね。

“アンチエイリアスがかかってないとか、アンチエイリアスが強すぎるとか”ってどう言う事でしょうか？
すみません。何度も質問攻めで。

回答No.7

noname#119957

（１）ＷＥＢページ用の画像データをイラストレーターから切り出すときは、スライスツールが使用できると思います。（この場合photoshopは不要）
（２）スライスツールでスライスするときに、画像の品質（圧縮率等）を設定できると思います。
（３）地図データにグラデーションを使用しているなら、ＪＰＧ形式でいいとおもいます。

お礼

ありがとう。
やってみます。

回答No.6

SortaNerd_

イラストレーターから直接gifにはできないのですか?
なお、原因はアンチエイリアスをかけていることなのでアンチエイリアスを切ればよいです。それでさらに読みづらくなるなら、そのフォントは小サイズでは使えません。
保存形式はpngをお勧めします。

お礼

ありがとうございます。
いろいろな方法があるのですね。
確かにpngが良いようでした。
ありがとうございました。

回答No.5

salonpath

アンチエイリアスはピクセルのギザギザを滑らかにみせる処理？なのかな。
参考画像つくりました。

お礼

大変解り易い説明ありがとうございました。
たくさん質問してしまって申し訳ありませんでした。
ありがとうございました。

回答No.4

salonpath

動画じゃなくてもswfで書き出して使ってもいいと思いますよ
デメリットは、flashplayerが入ってない人には表示されなくなるのと、地図を保存しづらくなる位だし

お礼

貴重なご意見ありがとうございます。
検討してみます。

回答No.2

salonpath

書き出した画像の縦横サイズと、htmlで指定したwidthとheightが違ってませんか？
web作成初心者なだけでイラレは結構使える方ですか？
ピクセルビューで表示させても文字が読めなく画像が粗くなりますか？

補足

画像の縦横サイズと、htmlで指定したwidthとheightは間違ってなくて原寸で張り込みました。
すみません。ピクセルビューって“ウエブでプレビュー”って事ですか？
“ウエブでプレビュー”すると10ピクセル位の文字が読めなくなってしまいます。

回答No.1

mendokusa

地図なんかだとGIFの方が適しています。

また最終的な画像のサイズを決めておいてから、イラストレータなりで作ってください。

補足

GIFでも試してみたのですが、10ピクセル位の文字が潰れてしまいます。
限界でしょうか？