• 締切済み

自作ＧＩＦのアイコンがＷＥＢ上できれいに表示されないのは？

自作でアイコン用ボタンのＧＩＦ（ボタンの形に文字をのせて結合させてＧＩＦにした単純なもの・・アドビイラストレータで作成）を自分のＷＥＢ上にアップしてみると文字がややつぶれたり、ボタンの周りに薄いピンクの線が見えたりします。当然アップする前の状況は上記ソフトでＷＥＢ用に変換し、きれいなのですが。 　アップしたいサイズは横５０・縦２０くらいのボタンです。よいやり方を教えてください。

みんなの回答

  • saru_1234
  • ベストアンサー率33% (452/1341)
回答No.1

外してたらすみません. 掲載されるアイコンのピクセル数に指定はありませんか？ Webページで表示する際のHTML記述でサイズを指定されている場合があります, このサイズと元絵のサイズが合っていないと 変換されます. 写真画像等なら目立ちませんが, コントラストがはっきりした画像は 大抵汚くなります. 表示されるサイズに合わせて作っておくと変に変換されずに済みます.

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • webアイコンで、ぼやけない文字の作りかた。

    イラストレーター9（OS-WINDOWS）で、 ホームページのアイコンを制作してるのですが、 ＷＥＢ用に（ＧＩＦ、ＪＰＧ）書き出しすると、 文字がぼやけたようになってしまいます。 小さなアイコンを作りたいので、文字がはっきりした アイコンをつくりたいです。 ドットで書かれたような、 （今表示されているこの文字みたいな） はっきりとした文字のアイコンは どうすれば作れるのでしょうか？ 教えてください。 よろしくお願します。 （フォトショップ7も使用可能です。）

  • ウェブ用のGIFデータのつくりかた

    イラストレーターで作ったロゴをweb用に保存として、GIFで保存し、webサイトにのせてみましたが、文字がギザギザになってしまいまいした。 GIF128ディザありもディザなしも試しましたが、あまり変わりませんでした。 どういう手順を踏めば、滑らかなフォントをweb用に作れるのでしょうか？ photoshopおよびimage readyもありますので、 何か良い方法があれば、教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • gifはダメなの？

    仕事でホームページを作成しています（Webデザイナーではありません）。 私はPhotoshopで画像などを作成し、HTMLを書くのは業者に依頼してます。 その際、写真はJpegで、文字の書かれているボタンなどはGifに変換しています。Gifにする理由は、Jpegだと文字がボケた感じになるからです。 ところが、業者はGifで送ったものを勝手にJpegにしてしまいます。やはり、文字がボケた感じになってしまい、できればGifのままにしてほしいのですが…。 わざわざJpegに変換するのも手間だと思われるのですが、Gifを使ってくれない理由としては、どういったことが考えられるのでしょうか…。

  • テキストをGIFに変換すると・・・

    イラストレーター１０で、テキストをGIF形式に変換したいのですが、 変換後の文字の輪郭が、白くぎざぎざになってしまい、フォントも つぶれ気味です。 背景のあるＷＥＢページに置きたいので、文字の輪郭をはっきり、くっきりと したいのですが・・・。 初歩的な質問ですみません。 今作成中なので、宜しくお願いします。

  • web用にgif保存時、文字の鮮明さはphotoshopとillustratorで違いますか？

    12～15ptくらいの文字をPhotoshopでweb用にgif保存した場合ぼけてしまい、 アンチエイリアスをシャープ・強くなどにしても Illustratorでweb用にgif保存した方が鮮明に見える感じがします。 PhotoshopではIllustratorのgif保存のような鮮明さは出せないのでしょうか？ そもそも、web用にgif保存で二つのソフトになにか違いはあるのでしょうか？

  • イラストレータ8でWEB用に保存する方法

    アドビイラストレーター8.0で作成した画像を、WEB用に保存したいのですが「WEB用に保存する」がないので、GIFで保存しようと試みました（背景を透明にしたい為）。 GIFで保存する方法がひとつしかなかったのですが、 （これです→）「書き出し」→「GIF」にするとWEB上にUPした時に画質が落ちてガビガビになってしまいます。 独学で、色々調べてもやり方が分かりません。 背景を透明にするWEB用の保存方法を教えていただきたいです。

  • 画像をweb用に変換するときの斜め線がぼやけないコツ

    こんにちわ， 今webのデザインをしているのですが,IllustratorやFireworksを使用して，画像をgif化するときにどうしても斜め線がbitmap化によってどうしてもがたがたになってしまいます。 何かうまくできることはないのでしょうか。 たとえば，GOOの http://dir.goo.ne.jp/index.jsp?TAB=dt&MT= の「今週のお勧めカテゴリー」を囲んでいるオレンジの線などは斜め線がはっきり出ているのですが,このようにはっきりと線を出したいのです。 （ちなみに縦横線ははっきり出ています） コツがありましたら,よろしくお願いします。 ちなみにソフトは Adobe IllustratorとMacromediaのFireworksを持っています。 編集（HTML）はMacromediaのDreamweaverをしています。 よろしくお願いします。

  • イラストレーターからWeb用の画像保存について

    今Windows2000のパソコンで画面キャプチャーをした後にペイントに貼り付け、BMPファイルを作成した後に、ADOBEのPhotoshop６．０を使用し、解像度を横８００にしBMPファイルに上書き保存しました。 その後、イラストレーター１０に呼び出し、色々文字を入れたり作業した後に、ファイルメニューからWeb用にファイルを保存を行いGIFファイルに変換すると、ホームページビルダーに貼り付けた場合、全体的なサイズが凄く小さくなりました。 イラストレーターでファイル変換する前の、フォトショップで解像度を横８００にしたファイルをホームページビルダーに貼り付けると大きいサイズのままでした。 イラストレーターからファイルを書き出しても、大きいファイルのままにするには何か設定が有るのでしょうか？ ご教授よろしくお願いします。

  • Illustrator10でのgifファイル保存

    今回Illustrator8.0からIllustrator10にバージョンアップしたのですが、gifファイルの保存方法で困っています。 今までは、Illustrator8.0で作成したaiファイルをpsdファイルで保存し、Photoshop5.0でgifファイルに変換する際に透明部分を指定していました。 ですが、Illustrator10で作成したaiファイルをpsdファイルデ保存したものは、Photoshop5.0ではgifファイルに保存できません。 よって、Illustrator10でgifファイルに変換しようとしたところ(Web用ファイルで保存)、透明部分が白色で塗りつぶされてしまいました。 どうしたら、透明部分が壊れずにgifファイルで保存することができるのでしょうか? なにせIllustrator8.0の時も自己流で使用していたので、今までの方法も正しいとは思えないのですが、今回はIllustrator10でのgifファイルの保存方法を教えて下さい。宜しくお願いします。

  • HPの自作素材の画像変換の仕方について

    HP作成初心者です。 画像(文字と線の組み合わさった簡単なもの)をイラストレーターで作成してフォトショップでGIFに変換してHPに貼付けたいのですが、どうしても文字の部分も線の部分も荒く表示されてしまいます。どのようにすればいいのでしょうか？ OSはマックです。PhotoShopのウェブ用に保存を使ってもHP上には表示できないので、別名保存→gif選択でやっております。イラストレーターはアウトラインをとってからPhotoshopで開いています。 最初からPhotoshopで作成したほうが良いのでしょうか？その場合Photoshopを使うためのHPなど教えて頂けると助かります。イラストレーターは良く使うので大体わかるのですが、フォトショップは完全に初心者です。よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する