Retina や、HiDPIのディスプレイでPhotoshopを使うとぼやけてしまいます

fannreiさん、こんにちは。

「ディスプレイの解像度が、3240 x 2160px」とのことですが、表示スケールは何パーセントですか？

HiDPIディスプレイとして利用されているのであれば、表示スケールは100％以上になっていることかと思います。

わたしは、Surface Book3を使っているのですが、どちらも推奨設定で使っているので「ディスプレイ解像度 3000×2000／表示スケール 200%」となっています。ピクセルがスケーリングされているので、実画面のサイズは「1500×1000」、デバイスピクセル比 2の環境です。

この環境では、画面の表示がピクセル実寸の2倍の大きさとなるはずですが、Photoshopのドキュメントでは、2倍にならずにピクセル等倍で表示されます（ピクセルが主体となる、ビットマップデータを作成するソフトですので、ピクセルの実寸で表示するのは、あたりまえと言えばあたりまえなのですが）。

そのため、「表示スケール 200%」のマシン環境でPhotoshopを使っている場合は、2倍のサイズでビットマップデータを作成しないと、綺麗に表示されません。

1400pxのサイズでデザインカンプを作る場合、「表示スケール 200%」のマシン環境では、2800pxで作らないと、Photoshop上ではブラウザで表示したときのスケールにならないのです。

ここまでが、表示が綺麗に見られない理由です。

対策としてはいくつかありますが、Photoshopだけで作業をするのであれば、ajabon grinsmithさんがコメントされている「2倍の解像度でPhotoshopデータを作成し、納品用のデータは50％縮小して書き出す」というのが、よさそうです。

また、ベクターデータを扱える、Adobe XDを使ってカンプを作れば、納品用の最終サイズのピクセル数でドキュメントを作っても、図形・線・文字などのベクターデータはそのまま扱えますし、写真などのビットマップデータを貼り込む時には、2倍のピクセル数のデータを縮小して配置することで解像度を保ったまま作業できるのでオススメです。

以上、ご参考になりましたら幸いです。
.