Лучший размер изображения для загружаемых обоев, для ПК, HD, мобильных устройств и планшетов?

Допустим, я хочу создать веб-сайт, который позволит пользователю загружать обои в размерах для ПК, HD, мобильного телефона и планшета.

Каковы наиболее часто используемые / лучшие размеры изображений, которые я должен разместить?

Ответы (4)

Стандартные размеры для настольных компьютеров: 800 x 600, 1024 x 768, 1280 x 1024 и 1600 x 1200.

В настоящее время HD обычно означает 1080p, то есть 1920 x 1080.

Также см. этот предыдущий вопрос

И эта диаграмма размера браузера Google может помочь

Вероятно, вам нужно сначала подумать о пропорции.

Классическая пропорция

Классические (старые) пропорции для десктопов, например, 4:3 .

  • 1024x768
  • 1280x960
  • 1600x1200

Некоторые пэды используют ту же пропорцию, например, ipad использует:

  • 2048x1536

Вертикальная ориентация

Это означает, что эти пэды, используемые в вертикальной ориентации, дают нам пропорцию 3:4, которая инвертирует значения.

  • 768х1024 например

Широкоэкранный

Основная пропорция 16:9

  • 1920x1080
  • 1366x768
  • 1280x720

У вас тот же случай, если вы хотите вертикальную ориентацию 9:16

Вариации

Существует множество вариаций пропорций и разрешений. Вы можете взглянуть на них на этом изображении из Википедии (кружки показывают пропорции):

Так что правда в том, что вам нужно принять решение о цели, к которой вы стремитесь.

Вы можете просмотреть некоторые тенденции, используя этот поиск Google https://www.google.com.mx/search?q=screen+resolution+statistics.

Лучше всего учитывать разрешение + соотношение + пиксель на дюйм (PPI).

Например: у меня есть дисплей FHD 1080 * 1920 на моем 15-дюймовом дисплее ноутбука.

Мне нужно спроектировать для 10-дюймового планшета FHD 1080p с 3-кратным количеством пикселей при 441 PPI.

Если я разработаю фон только в разрешении 1080p, моя работа не будет оптимально отображаться на моем целевом устройстве.

Особенно на новых устройствах плотность пикселей становится все более важным фактором.

При создании холста для устройства Full HD с разрешением 1080p вам может потребоваться создать холст большего размера, чем 1080*1920, если плотность пикселей очень высока. Например: у вас есть дисплей 1080p с очень высоким (PPI). Вам понадобится формула для расчета размера холста, чтобы покрыть все эти пиксели без потери качества. Даже если вы проектируете свой холст, скажем, в 3 раза больше размера 1080 * 1920, больший размер холста будет уменьшен до 1080 * 1920 в идеальном масштабе, потому что этот холст больше не больше на целевом устройстве, он будет идеально подходить, пиксель за пикселем.

Также важно создать несколько папок активов с базовым PPI и одну для высокого PPI.

Это для нативных дизайнерских ресурсов.

При разработке адаптивного веб-интерфейса. Существуют загрузчики, шаблоны макета пользовательского интерфейса, которые будут правильно масштабироваться в браузере.

Из-за того, что меня заминусовали, я хотел бы объяснить, что самой популярной операционной системой, используемой во всем мире, является Android, которая использует определенную формулу DPI, найденную на веб-сайте разработчиков Android. Вот почему я всегда создаю папки с ресурсами и всегда разрабатываю дизайн с PPI в качестве цели, чтобы охватить все устройства Android.

хотя верно, что лучше спроектировать самый большой размер, а затем уменьшить его масштаб, если вы спроектируете что-то с точным размером экрана, это будет лучшее, что вы получите; это не будет лучше, потому что вы спроектировали его больше. Ваш компьютер уменьшит его до разрешения вашего экрана, если изображение больше, поэтому здесь нет никакой пользы. И если вы хотите распределить это на несколько размеров экранов, лучше иметь несколько размещенных изображений — давайте не будем тратить пропускную способность пользователя, предоставляя изображение большего размера, чем может выдержать их экран.
@Luciano Вам нужно смириться и не торопиться исправлять, когда ясно, что вам есть чему поучиться. Если вы правильно прочитали вопрос, речь шла не о «компьютере», а о масштабируемых обоях/изображениях для всех устройств, и в этом случае вам нужно следовать коэффициенту DP для Android. Вы НЕ смотрите по разрешению, так как 1080p на планшете имеет меньшую плотность пикселей, чем 1080p на 5-дюймовом телефоне. Вот почему вы создаете папки ресурсов и имеете изображение для hdpi в xxxhdpi. Кажется, вы ничего об этом не знаете, и я вам советую изучить его, так как Android — самая используемая ОС в мире!
1080p означает 1920×1080 независимо от размера экрана устройства. Таким образом, это размер изображения в пикселях, который вы должны показывать на всех устройствах с разрешением 1080p, если хотите получить наилучший результат.
Ты неправ. Я не собираюсь сидеть здесь и спорить с кем-то, кто явно не знает, что такое DPI. Я, конечно, не стал бы вас нанимать, потому что вы предпочитаете спорить, а не просто идти и учиться улучшать свои навыки. Кого волнует, ошибаетесь ли вы... Узнайте что-то новое
Причина, по которой особенно важно проектировать на холсте большего размера, чем разрешение. Разрешение 1080p не измеряет количество пикселей на дюйм (PPI). Если у нас есть 56-дюймовый дисплей Full HD 1080p и 15-дюймовый дисплей ноутбука с одинаковым разрешением, они будут отличаться по PPI, в котором меньший дисплей будет иметь большую плотность пикселей. При создании холста вы должны учитывать количество пикселей на дюйм (PPI), а также соотношение. Для этого есть формулы, и они очень хорошо работают. Это гарантирует, что ваша работа правильно уместится на дисплее, а также будет выглядеть четко и оптимально.

1920 х 1080. Это стандартный фон для компьютеров ни больше, ни меньше.

За исключением моего, который поддерживает 2560x1600... или моего ноутбука с разрешением 1600x1480...... И да... давайте даже не будем вдаваться в размеры мобильных устройств и планшетов....
Лучший размер изображения для загружаемых обоев, для ПК, HD, мобильных устройств и планшетов?
СпросиСетьПолитика конфиденциальности1y, 31v