12周年記念パーティ開催! 2024/5/10(金) 19:00

高画素密度ディスプレイへの対策

全3回

画面を大型化せずとも精細で滑らかな表示を可能にする、高画素密度なディスプレイが普及しています。これらのディスプレイのブラウザ上で画像を表示するとき、ぼやけさせない方法を考えてみましょう。

最終回 Canvasから生成した画像のぼやけ対策

高画素密度ディスプレイで表示してもぼやけない、Canvasからの画像の生成方法を見ていきます。表示するディスプレイのピクセルデバイス比を考慮し、Canvasと画像のサイズを設定しましょう。

第2回 Canvasの表示におけるぼやけ対策

高画素密度ディスプレイでCanvas画像を表示する場合のぼやけ対策を解説します。基本的な対処方法はラスター画像の場合と同様ですが、いくつか注意点があります。

第1回 仕組みと画像表示の最適化

精細で滑らかな表示を可能にする、高画素密度なディスプレイが普及してきていますが、これらのディスプレイでブラウザ上の画像を表示した場合にぼやけてしまう場合があります。この表示の仕組みを知り、対策を考えてみましょう。