PhotoshopテキストをWebのように表示するにはどうすればよいですか？

アンチエイリアスを「なし」に設定して、Photoshopですべてを本当に設計する必要がありますか？もっと良い方法があると確信しています。

Photoshopで基本的なWebセーフ（Tahomaなど）を選択するときに、Webで実際にどのように表示されるかを確認できるように設定したいのですが。

たとえば、Photoshopでアンチエイリアスが「鮮明」に設定されているTahomaと、Firefoxでのレンダリング方法の違いは大きなものです。Photoshopでは見た目も滑らかで、ウェブ上ではがらくたのようです。

コンテンツをWeb上で公開することを計画しているときに、（最も類似した結果を持つ）と始めるのに最適なアンチエイリアスの選択はありますか？

ほとんどのオペレーティングシステムとブラウザは、アンチエイリアスまたはサブピクセルアンチエイリアスでレンダリングします。サブピクセルアンチエイリアスは、Windows（ClearTypeを使用）やOS Xなどのデスクトッププラットフォームで一般的です。標準のモノクロアンチエイリアスは、モバイルプラットフォームで一般的です。モバイルプラットフォームでは、デバイスの向きによってデバイスのサブピクセルの順序が変わり、サブピクセルレンダリングは行われません。彼らはしばしばより高いピクセル密度のディスプレイを持っているので、非常に重要です。

エイリアステキストレンダリングは、ClearTypeがデフォルトで無効になっているWindows XPで一般的です。Windows Vista以降では、デフォルトでClearTypeがオンになっています。

Photoshop、Windows、OS X、iOS、Android、WebKit、Firefox（Gecko）でのレンダリングは、通常すべて異なります。したがって、スクリーンショットを撮ってビットマップレイヤーとしてドキュメントに追加しない限り、Photoshopで何かを構築してテキストレンダリングが同じになることを知る方法はまったくありません。

いいえ。新しい考え方は、レイアウトやタイポグラフィのデザインにPhotoshopを使用せず、できるだけ早くブラウザで開始することです。

Photoshopコンプではなく実際のURLをクライアントに渡すことにより、選択したブラウザーとPhotoshopコンプで最終製品のレンダリングがわずかに異なる場合に、クライアントの期待が損なわれることを回避できます。

結局のところ、クライアントを教育し、ブラウザとOSの間で発生する避けられない誤植を認識させることは、私たちの責任です。

Photoshop CCでは、フォントに新しいエイリアスモードを追加しました。「鮮明」または「強い」の代わりに、新しい「Mac LCD」を試してください。100％ウェブセーフなデザインになります。

短い答え：できません。

Photoshopは、書体がその外でどのようにレンダリングされるかを知るのに理想的であるだけでなく、一般的なフォントの操作にも理想的ではありません。（私が設計事務所/印刷所で働いていたとき、PSで設計されたすべてのものはこれと同じ理由でPDFとしてエクスポートされなければなりませんでした）。次に、Webの問題が出てきます。ブラウザと、それらのブラウザを実行するOSです。これまでのところ、私が認識している限りでは、フォントを適切にレンダリングするという点ではOS Xが最も優れていますが、Linuxが2番目、Windowsが最後です。実際には、フォントのレンダリングに異なるアルゴリズムを使用しているため、どこでも同じ結果が得られるとは限りません。解決策があった場合、私たちは皆、Linux、Macに切り替えるか、Microsoftが次にWindows Metroで成功する（残念ながら、私はWindows 8と呼ぶのが嫌いです）か、完全に打倒するまで待つことになります。

ちょうど私の2セント、

パッチ

私の目には、ブラウザでのレンダリングは、MacではPhotoshopの「シャープ」と「クリスプ」の間、Windowsでは「クリスプ」と「ストロング」の間のどこかにあります。一緒に作業するグラフィックデザイナーには、ライブテキストに「クリスプ」を使用することをお勧めします。デフォルトの "Strong"は常に失望するように設定します。;）