文字を拡大するとぼやける

イラストレーターやフォトショップでポスターを作っています。
作成時は拡大してもきれいなのですが、一旦、JPGやPNGで保存したものをスマホで
拡大すると、文字がぼやけてしまいます。
スマートオブジェクトにしても変わりません。
どうしたら、拡大してもクリアな文字に出来るのでしょうか？

No.4 ベストアンサー 回答者： air_supply 回答日時： 2019/08/20 13:31

イラストレーターやフォトショップで扱っている間は、画像の解像度は決まっていません。

それを、ファイルとして出力する場合は、解像度とファイル属性を付けて保存します。それ故に、拡大してゆくとぼやけてしまうわけです。最終的にはブロック単位に見えてしまうと思います。

また、jpeg は不可逆の高圧縮でファイルサイズを小さくしていますので、ブロックノイズや偽色が出易いです。だからと言って、圧縮比を下げてしまうのは、jpeg の意味がありません。であれば、可逆圧縮を用いた png をお使いください。ファイルサイズは大きくなりますが、ブロックノイズや偽色は発生しません。ただし、これは上記の問題とは直接関係ありませんね(笑)。

JPEG、GIF、PNG、TIFF、BMP…いろいろな画像ファイルと特徴
https://sole-color-blog.com/blog/103/

サムネイルは小さくても、クリック(タップ)するとリンクでオリジナルの画像が表示されるようにはできるはずですので、それで拡大してもきれいな画像を表示したらどうでしょう。そういうやりからのホームページは、たくさんあると思います。

画像リンク
https://www.pazru.net/saku2/image/4.html

また、下記はスマートフォンで画像表示を行う場合のトピックです。案外こちらにヒントがあるような、参考になれば ････

スマートフォンで画像がぼやける際の対処と画像容量削減
https://vanillaice000.blog.fc2.com/blog-entry-37 …

スマートフォンで画像がぼやけるのはなぜ？「デバイスの画像解像度」とスマホ表示について調べてみました。
https://web-creators-tips.com/matome/%E3%82%B9%E …

この回答へのお礼

ありがとうございます。
紹介していただいたサイト、見せていただき、参考になる
ことがたくさんあり、その中のretina対策の、大きめのサイズの画像を用意し、
img要素に直接サイズを指定する方法をやってみたところ
スマホでも、きれいに表示され、一安心しました。
ありがとうございました。

お礼日時：2019/08/23 22:45

No.3 回答者： Mituくん 回答日時： 2019/08/20 00:39

ＪＰＧやPNGは、図形的な存在です。

比較的に拡大に耐えるには、「ｂｍｐ」「ＴＦＩ」形式です。
フォントによっても、ボケやすい文字種も有ります。
なお、ｊｐｇでの保存は、解像度は上げて圧縮率を下げます。
ＰＮＧは小サイズ向きです。
元々、スマホでチェックするには問題が多いです。

この回答へのお礼

ありがとうございます。
ホームページのスマホタイプに使うので、どうしても
スマホのサイズで作って、拡大することになるので、
困っています。
ｊｐｇの解像度を上げて、圧縮率を下げるというのを
調べてやってみます。

お礼日時：2019/08/20 01:00

No.2 回答者： 稲荷寿司 回答日時： 2019/08/20 00:08

jpegにするとき、dot/inchの数〔精細度〕をふやして下さい。

この回答へのお礼

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

お礼日時：2019/08/20 01:01

No.1 回答者： クラッカー77 回答日時： 2019/08/20 00:05

最初からそのポスターのサイズで作る