イラストレーターの文字とウェブの文字の大きさについて

例えば
イラストレーターで文字の単位を15pxにし書き出しでjpg保存した場合と、
HTML上のテキストに15px指定した場合で
まったく文字の大きさが合わないのですが、なにか原因はわかりますか？

（フォントの種類の違いも多少はありますが）

No.5 ベストアンサー 回答者： 銀鱗 回答日時： 2022/03/15 16:43

ディスプレイ上は 96ppi

illustratorでは300ppi
……とかで作っているとか。
（この場合でJPEGに出力すると、かなり小さいイメージに変換されます）

そんなわけで、ディスプレイ表示と同じにしたい場合は、illustrator側の設定を
ディスプレイの表示上のppiと同じ数値になるよう変更しましょう。

なお、23インチのフルHDモニタの場合、約96ppiになります。
（24インチなら約92ppi）

No.4 回答者： かわごえ 回答日時： 2022/03/15 16:22

アートボードのサイズは？

書き出しのサイズは？
HTMLでの表示倍率は？

No.3 回答者： fujillin 回答日時： 2022/03/15 16:19

こんにちは

・画像に書き出す時の解像度（dpi）がどうなっているか
・HTMLに画像を表示する際のサイズ指定がどうなっているか
　（画像は拡大/縮小して表示可能なので）
によって、HTMLの画面上で見える画像（＝画像内の文字）のサイズは変わってきます。

そのあたりをよくご確認ください。

No.1 回答者： sunsowl 回答日時： 2022/03/15 15:37

>（フォントの種類の違いも多少はありますが）

ここだと思いますけど…

同じフォントで試されては?

この回答へのお礼

ありがとうございます。

お礼日時：2022/03/15 15:43