Help us understand the problem. What is going on with this article?

すでに来ている。devicePixelRatioが3な時代

More than 3 years have passed since last update.

普段、Xperia Z5 Premiumでスマホライフを送っていると「あれ? ぼやけてない?」と思うことが。次の画像は普段お世話になっているAmazonのサイトトップ。ロゴやバナーの文字の輪郭がほんわかして見えます。

cap.png

Xperia Z5 PremiumはdevicePixelRatioが3の端末なので、おそらくそこが原因かと思います(本当にAmazonさん日頃からお世話になっております:bow:)。

意外と多い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な端末が今後も増えていくでしょう。ロゴやバナーをぼかさないためにも、そろそろ向き合うタイミングが来たのかもしれません。

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away