Я довольно смущен созданием изображений для iPhone 6 Plus, чтобы они выглядели красиво. Любые вопросы на этом сайте об этом, кажется, об изображениях для iPhone-приложения, но мне интересно об использовании изображений в Интернете. Было бы намного легче, если бы у меня был настоящий iPhone 6 и 6 плюс для тестирования.Картинки для iPhone 6 Plus в сети
Итак, с оригинальным iPhone вы загружаете изображение на example.org и используете его в своем html. Нет проблем, изображение выглядит хорошо. Затем выходит iPhone 4. Таким образом, вы можете просто сделать изображение в два раза больше, а затем масштабировать его с помощью css, чтобы он выглядел хорошо на устройстве сетчатки.
Введите iPhone 6 и iPhone 6 Plus. Из того, что я могу собрать, iPhone 6 имеет то же разрешение, что и iPhone 4, поэтому вышеупомянутый метод будет работать, не так ли?
Теперь 6 Plus. Похоже, он «отображает в 3x», а затем «уменьшает» до 1080 пикселей. Как именно это работает?
В любом случае, мой самый большой вопрос: будет ли изображение размером с @ 2x выглядеть нечетким на iPhone 6 Plus? Скажем, у нас есть это:
<img src="/img/sample.png" height="200" width="200">
Если sample.png является 200x200, она будет выглядеть отлично на оригинальном iPhone и нечеткие на любых устройствах сетчатки глаза. Если это 400x400, это будет хорошо выглядеть на оригинальных iPhone и сетчатых устройствах. Но нужно ли быть 600x600, чтобы хорошо выглядеть на iPhone 6 Plus?