Skip to main content
January 5, 2019
Question

100%表示した時の大きさがブラウザで見たときの大きさと違う

  • January 5, 2019
  • 2 replies
  • 8269 views

Windows10でイラストレーターCS6を使用しています。

webサイトのデザインを行ったときに、ブラウザで見た大きさと、イラストレーター上で見た大きさが一致せずに困っています。

イラストレーターの100%表示で作成していたものをコーディングしてもらったところ、意図したサイズより大きくなっていました。

同じモニター上なのにソフトで見たサイズとwebブラウザでのサイズはなぜ変わってしまうのでしょうか?

フォントや画像をどのサイズにすれば意図した大きさになるのかわからず混乱しています。

Macでデザインを行っていた時にはそんなことはなかったように思うのですが、互換性の問題でしょうか?

表示の大きさを少し上げると、ブラウザでの見た目と近くなるのですが、その解決方法でいいのかも悩んでいます。

参考になるかわかりませんが、設定の詳細を載せておきます。

Windows10

解像度 1920×1080

モニターの実寸 約35.2cm×19.9cm

This topic has been closed for replies.

2 replies

kawacoco
Community Expert
Community Expert
January 8, 2019

すごく初歩的な確認なのですが、ブラウザは何をお使いですか?

ブラウザの表示は100%になっていますか?

assause
Community Expert
Community Expert
January 5, 2019

CC 2018までは、100%表示は正確なものではありません。

CC 2019からは改善項目としてそれが挙げられています。

新機能と機能強化 | Illustrator CC の最新リリース

それとは別に、CS6製品はWindows 10では動作保証外環境であることを踏まえておきましょう。

January 5, 2019

ご回答ありがとうございます。

紙媒体のデザインで利用するときは100%表示が正確なものではないという認識があったのですが、

ピクセルで指定するのにブラウザとソフト上で違いが出るのが不思議で。

最近MacからWindowsへ乗り換えたのもあるのですが、こんなに誤差があったかと思いまして。

動作保障環境内であったとしてもCC2019以前バージョンでwebデザインをするときは100%表示は信じてはいけなかったのでしょうか?

その当時はみなさんどう対処していたのでしょうか?

silk-m
Community Expert
Community Expert
January 5, 2019

Illustrator 2018 以前での 100% は 72DPI と仮定しての寸法表示です。ですから仮に画面解像度が93.6DPIなら130%で表示すれば原寸表示になります。

以上は印刷前提の場合でありますから、Web用のピクセル表示では正確に表示されるはずなのですが...Macではそうです。

10x10 pixel の矩形、線の太さ 2 pixel 、Illustrator にてピクセルプレビュー1600%表示

Illustrator にてピクセルプレビュー100%表示

Web 用に保存してプレビューで表示

このように正確に表示されています。Windowsでは違うのでしょうか。

macOS Mojave 10.14.2 + Illustrator CS6 16.2.2

-- silk-m

--Susumu Iwasaki