普段、Xperia Z5 Premiumでスマホライフを送っていると「あれ？ ぼやけてない？」と思うことが。次の画像は普段お世話になっているAmazonのサイトトップ。ロゴやバナーの文字の輪郭がほんわかして見えます。
Xperia Z5 PremiumはdevicePixelRatioが3の端末なので、おそらくそこが原因かと思います(本当にAmazonさん日頃からお世話になっております
)。
意外と多いdevicePixelRatioが3な端末
2016年のdevicePixelRatio事情は記事「【CSS】スマホ、タブレットの横幅(端末解像度と実質解像度)」にてまとめられていました。
devicePixelRatioが3な端末は次のようになっています。ここまで増えているとは気づきませんでした。。
- iPhone
- iPhone 6 Plus
- iPhone 6s Plus
- Android
- ほとんどの端末
※記事ではXperia Z5 PremiumのdevicePixelRatioが6となっていますが、手元の端末でmydevice.ioを確認すると3でした。
今後も増えていくdevicePixelRatioが3な端末
スマホの画面解像度も日に日に高くなり、おそらくdevicePixelRatioが3な端末が今後も増えていくでしょう。ロゴやバナーをぼかさないためにも、そろそろ向き合うタイミングが来たのかもしれません。