nimens19

Работа атрибута srcset

Recommended Posts

Здравствуйте, помогите разобраться, начал осваивать атрибут srcset в целом все понятно, не могу понять только один момент, код:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Пример</title>
  </head>
 <body>
    <img srcset="dota600.jpg 1x, dota1024.jpg 2x, dota1920.jpg 3x" src="1.jpg">
 </body>
</html>

Соответственно на моем мониторе отображается dota600.jpg (x1) в оригинальном разрешении, но например при загрузке с устройства Pixel 2 XL (537 ppi) браузер выдает правильное изображение dota1920.jpg, но его размеры не 1920px на 1080px а 620px на 360px. Не могу понять почему так, если я правильно понял должно выдаваться изображение в оригинальном размере (если не прописан размер)?

Скрытый текст

 

Есть предположение, что это из за того что смотрю не на физическом устройстве, и из за этого отображаются не верные размеры.

Share this post


Link to post
Share on other sites

Я так думаю:

Браузер показывает размер физической картинки сколько px она занимает.
Чтобы картинка была 1920px на 1080px нужно чтобы для ретины картинка была ~5760 по ширине.  

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,526
    Total Members
    3,128
    Most Online
    ashelpakov95
    Newest Member
    ashelpakov95
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.