macとwindowsの表示の違いと対処方法

このQ&Aのポイント
  • macとwindowsでのホームページ表示において、画質やボタンの輪郭などの違いが生じることがあります。
  • この問題の解決策として、画像の保存形式やフォントの設定、CSSの調整などが考えられます。
  • webデザイナーは、デバイスごとに異なる表示を確認し、適切な調整を行うことが重要です。
回答を見る
  • ベストアンサー

macとwindowsの表示の違い

現在mac(mac book OS X)を使用してホームページを作成しています。 windows機で表示の確認をしたところ、画質がmacのものに比べて劣っています。 画像自体はイラストレーター、フォトッショプで作成したものです。 文字が入ったボタンなのですが、輪郭がガタガタになってしまいます。 このような場合の対処方法はありますでしょうか? またwebデザイナーの方は、このようなmacとwinの表示の違いを、 どのように解消しているのでしょうか? webを専門にやっているものではないので、あまり知識がありません。 ご教授頂けたらと思います。 よろしくお願いします。

  • Mac
  • 回答数6
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.3

画像だったら違いはでないはずですが。色合いとかは微妙に異なるけどこれはディスプレイとかの影響もありますから。 > 輪郭がガタガタに GIFやPNG-8ではαチャンネル扱えなず、1色しか透明にできないのでガタガタになります。 web保存時にマットで背景色に近い色していすれば、誤摩化せますが。 http://www1.linkclub.or.jp/~nobuki/tips/matcolor.html http://web.kyoto-inet.or.jp/people/hikeda/justnet/smu/smu06A/smu06A.html#Anchor-44591 PNG-24で保存していませんか? こちらだと、αチャンネル扱えますが、Windows標準装備で圧倒的な勢力を誇るIEはPNG-24のαチャンネルに対応していません。 IEは他のブラウザと違ってw3m推奨の標準を無視して、独自解釈する部分が多く、無茶苦茶なHTMLとCSSでも表示できる素晴らしいブラウザです。

参考URL:
http://okwave.jp/qa4460379.html

その他の回答 (5)

  • ohg-jiya
  • ベストアンサー率37% (354/940)
回答No.6
  • adachin
  • ベストアンサー率35% (139/396)
回答No.5

他の方も書かれているように、MacとWinの差ではなく、SafariとIEの差だと思います。 Winの知人がSafariで見ると、まるでMacのように綺麗だ、と感激していたことがあります。

  • kouji_124
  • ベストアンサー率46% (283/605)
回答No.4

Winとmacの違いと言うよりも、ブラウザの違いによる所が大きいのではないでしょうか。 Mac OS Xだとブラウザは「Safari」ですよね。 Winは標準がIEです。 Win対応のSafariも有るのでインストールしてみては如何でしょう。 http://www.apple.com/jp/safari/ でも、ブラウザはそれだけではありません。 一般的な所では、「Firefox」「Opera」「Google Chrome」などがあります。 Firefox:http://mozilla.jp/firefox/ Opera:http://jp.opera.com/ Google Chrome:http://www.google.com/chrome/?hl=ja それぞれ、表示部分(レタリングエンジン)が異なっています。 利用率で行けば、IEとFirefox、Safari辺りで確認して違和感の無いように仕上げていけば宜しいかと。 どうしても駄目なら、スクリプトを使えばブラウザの判定が出来ますからブラウザ毎にページを分けるか無いですね。

  • kawais070
  • ベストアンサー率52% (2242/4282)
回答No.2

<img src= …… >タグに記載されている Width と Height が 元の画像ファイルのサイズと不一致だからだと思います。 一致させれば、Windowsでも綺麗に表示されると思います。 意味がわからないようであれば、最低限、img タグについて 学習してください。 http://www.tagindex.com/html_tag/img/img_width.html

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

それは表示している「画面」の環境のせいじゃないかな。 全く同じ画面装置で切り替えてるのにそうなっているのだとしたら画面の解像度までをも同じにしてごらん。 それとwindowsはコントラストが強い事が多く、境目はよりくっきり見えるからそう感じる場合があるよ winとmacで困るのは「ブラウザ」の違いによる「描画方法による違い」(主に位置ズレや非対応設定)だとかフォントの違いによる違和感だね

関連するQ&A

  • Windows と Mac どちらがいいでしょうか?

    現在、専門学校でデザインを学んでいます。 学校ではMac、自宅ではWindowsを使用しています。 将来、イラストレーターをしながら、Webデザインの仕事もしたいと考えております。 今回アカデミック版のソフト(Illustrator、Photshop、Dreamweaver)を購入したいと考えているのですが、 自宅で使用しているWindowsで使用できるように、Windows版を購入するか、 Macに買い替え、Mac版にするか・・・と悩んでいます。 先生に相談すると、 「自分がどちらが使いやすいかが重要。  あとは、Web系に進むならWindows、デザイン系に進むならMac」 と言われました。 デザイン業界は、Macが主流だと聞いています。 イラストレーターとして仕事をするなら、Macの方がいいのでしょうか? Macはデザインがいいし、ほしいなって思っているのですが、 Webデザインもしたいと考えているため、どうしようか迷っています。 過去の質問を読んでみると、将来フリーとして活動するなら、 サブで二台持ったほうがいいというものがありました。 この場合は、ソフトはWindows版とMac版の両方が必要となってくるのでしょうか? そうなると、予算的にも厳しいです。 どなたか詳しい方、デザイナーやイラストレーターとして仕事をされている方のご意見が聞きたいです。 よろしくお願いします。

  • WindowsでMACの表示確認できますか?

    win xp を使用し、ホームページのデザインをしています。 macでも表示確認をしたいのですが、新しくwinのノートを購入し、そこでmacの表示確認もできたらな~と思っています。macにwindwsをインストールできることは知っているのですが、ベースマシンをwindowsにしたいのです。 windowsでmacのブラウザ確認ができれば便利だなと思い質問させていただきました。そのようなソフトはあるのでしょうか? ご教授のほどよろしくお願い申し上げます。

  • MacとWindowsの違い Adobe製品

    Adobe製品、特にPhotoShop、IllustratorをWindows上で使用するのとMacで使用するのは違いはあるのでしょうか?メリット・デメリットありますか? デザイナーなどの方がMacを使うことが多いのはなぜでしょう?単にMacのデザインや操作性を気に入っているからだけですかね? よろしくお願いします。

  • MacとWin、ホームページの画面表示が違います。

    Macでホームページを作ってWebで画面確認したら、Macで文字(TEXT)が1行のはずがWinでは2行になってて、テーブル(小さい表)でもMacでは左右に2列に並べたのに、Winでは上下2段になってしまいます。画面表示の大きさがMac:Win=72:96dpiの違いだと思いますが、これをMacと同じ表示をWinで実現する方法はありませんか?もしくは最小限に修正する方法はありませんか?Winで見た知人から注意されて困ってます。ホームページはDreamweaver3で作ってますが、これはタグ書きでも同じ現象になるんでしょうか?ブラウザはIE5.0です。私はMacOS8.6です。回答どうか宜しく。

    • ベストアンサー
    • Mac
  • DreamweaverのWindows版とMac版

    今度、Dreamweaver(実際にはWeb Standard CS4)を購入しようと思っているのですが、 Windows版とMac版のどちらを購入したらいいかご教授ください。 現在、紙媒体のデザイン(10年以上)をMacで行っており、PhotoshopやIllustrator(それぞれMac)は使えます。 ブログ等はいくつかやっていますが、基本的にはほとんど初心者です。 そのブログ等でもWinとMacでは表示が異なるので悩んでいます。 考えられる優位点は、 Win版 ・ユーザーが圧倒的に多い ・解説書等も多い(ただし、CS4からWinとMacのUIが統一されている) Mac版 ・10年以上に渡ってMacを使っているので作業に慣れている ・PhotoshopやIllustratorがともにMac です。 ちなみに、PCはWin、Macどちらもスペック的に問題ないものを所持しています。 Win版とMac版との比較に対する意見は古い質問等ではなされていますが、 CS4という点で相談に乗っていただけると幸いです。 よろしくお願いします。

  • ホームページでWindowsとMacの違いについて

    こんにちは。 皆様、よろしくお願いいたします。 タイトルの通りなのですが、私は個人でホームページを製作しておりまして、先日Macユーザーから連絡があり、私のホームページが崩れて見えるとのことでした。 フレームは使っていないのですが、テーブルを使用して画像をはめ込んでいます。 作成ツールはDreamweaver 2004 MXを使用してします。 WindowsとMacでは何か違いがあるのでしょうか? ちなみに、ブラウザは両方ともIE6.0を使用しています。 Win:Windows XP Mac:OS(10)    です。

  • Mac版のphotoshopとIllustrator購入予定。 mac版で作成した素材をWinで使用するにあたっての注意事項を教えてください

    仕事で簡単な写真の加工とWeb素材(ロゴ等)の作成をすることになりました。(私はデザイナではありません。) PCの購入とソフトウェア(photoshopとIllustrator)の購入を検討しています。 私は、生粋のWinユーザですが、現状ある素材がMacのフォントでgif化されているため、ほんの少しの修正でも対応できず困ることがあります。また、フォントがMacのほうがデザインが綺麗だと個人的に感じています。 上記のことからPC及び、ソフトウェア(Photoshop&Illustrator)はmac版を購入しようかと思っています。 素材は、Macで作成して、HPの作成及びUP作業は慣れている&既にソフトウェアが入っているWinで行なおうかと思っていますが、上記のような環境でスムーズにいかないと想像されることはございますでしょうか? また、mac版で作成したものをWinで使用するにあたっての注意することがございましたら、ぜひ教えてください<m(__)m> 皆さんのお知恵を拝借したく、宜しくお願いします(*^_^*)

  • macではリンクするのですがwinで表示されません

    自社のホームページをmacで作成しているのですが、macではsafari,IEとしっかりリンクするのですが、winだと止まってしまいます。作成しているソフトはGOLIVE CSです。いろいろ試してはみたのですが、うまくいきません。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページビルダーのウエブアートデザイナーについて

    ホームページビルダー10の標準モードにてホームページを作成 しています。ウエブアートデザイナー関連についてご質問なのですが イラストレーターで作成した物をウエブアートデザイナーに貼り付けて ページ編集画面へ入れてプレビューを見ると画質(画像)がかなり荒く 見えるのですが、実際HPをアップした時もこのような荒い画質になって しまうのでしょうか?イラストレーターを使わない場合で ウエブアートデザイナーだけで作成した図形等もページ編集画面へ入れ プレビューを見ると同じく荒い画質になっています。 何か作成方法等、ウエブアートデザイナーの使い方を間違って いるのでしょうか?? 素人のわかりずらい説明で本当に申し訳ございませんが 宜しくお願い致します。

  • WinとMacのIllustratorについて

    私はWinのIllustrator8.01を使用しています。 WinとMacのIllustrator8.01でチラシ等を作成して、 (諸設定はWinとMacとも全て同じ) 印刷屋さんで印刷してもらうとした場合、 WinとMacという違いだけで色味はだいぶ変わってしまうのでしょうか? かなり大雑把な質問ですがお願いします。