Webブラウザにおける文字のアンチエイリアスの現状の最適解 | dwango creators' blog（ドワンゴクリエイターズブログ）

2017/05/17 612 users アンチエイリアス フォントレンダリング WIn Safari

Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いの... 続きを読む

Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

2012/09/04 1012 users 解像度 Design Spice ppi Webサイト制作

スマホやRetinaディスプレイが出てきてから、サイト制作の時に解像度に関することで時々混乱することがあるので整理してみました。 解像度とppiとdpi 解像度はビットマップ画像における画像密度のことで、一般に1インチ(25.4mm)をいくつに分けるかによって数字で表します。 単位はdpi、またはppiを用いられることが多いです。 よくディスプレイの解像度を1024×768ピクセルという総画素数で... 続きを読む

スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]

2011/06/16 1478 users Tips to-R iPhone Android 実機

スマートフォンサイトをデザインする上で知っておくべき10のTIPS Check Tweet iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCで... 続きを読む