¿Las mejores dimensiones de imagen para fondos de pantalla descargables, para PC, HD, móvil y tableta?

Digamos que quiero hacer un sitio web que le permita al usuario descargar un fondo de pantalla en tamaños para PC, HD, móvil y tableta.

¿Cuáles son las dimensiones de imagen más usadas/mejores que debo alojar?

Respuestas (4)

Los tamaños comunes para escritorio son 800x600, 1024x768, 1280x1024 y 1600x1200

HD generalmente significa 1080p hoy en día, por lo que es 1920 x 1080.

Además, vea esta pregunta anterior

Y este diagrama de tamaño del navegador de Google puede ayudar

Probablemente necesites pensar primero en la proporción.

La proporción clásica

La proporción clásica (antigua) para escritorios es 4:3, por ejemplo.

  • 1024x768
  • 1280x960
  • 1600x1200

Algunos pads usan esta misma proporción, por ejemplo, el ipad usa:

  • 2048x1536

Orientación vertical

Esto nos lleva a que estos pads usados ​​en orientación vertical nos dan una proporción de 3:4 lo que estaría invirtiendo los valores.

  • 768x1024 por ejemplo

la pantalla ancha

La proporción principal es 16:9

  • 1920x1080
  • 1366x768
  • 1280x720

Tienes el mismo caso si quieres una orientación vertical 9:16

variaciones

Hay muchas variaciones en proporciones y resoluciones. Puedes echarles un vistazo en esta imagen de la wikipedia (los círculos muestran la proporción):

Entonces, la verdad es que debe tomar decisiones sobre el objetivo al que apunta.

Puedes ver algunas tendencias usando esta búsqueda en Google https://www.google.com.mx/search?q=screen+solution+statistics

La mejor práctica es considerar la resolución + relación + píxel por pulgada (PPI)

Por ejemplo: tengo una pantalla FHD 1080*1920 en la pantalla de mi computadora portátil de 15".

Necesito diseñar para una tableta FHD 1080p de 10" con 3 veces la cantidad de píxeles a 441 PPI.

Si diseño un fondo solo a 1080p, mi trabajo no se mostrará de manera óptima en mi dispositivo de destino.

Especialmente en los nuevos dispositivos, la densidad de píxeles se está convirtiendo cada vez más en un factor.

Al crear un lienzo para un dispositivo Full HD de 1080p, es posible que deba crear el lienzo con un tamaño superior a 1080*1920 si la densidad de píxeles es muy alta. Por ejemplo: tiene una pantalla de 1080p con muy alto (PPI). Necesitarás una fórmula para calcular el tamaño del lienzo para cubrir todos esos píxeles sin perder calidad. Aunque podría estar diseñando su lienzo con, digamos, 3 veces el tamaño de 1080*1920, el tamaño de lienzo más grande se reducirá a 1080*1920 a una escala perfecta porque ese lienzo ya no es más grande en el dispositivo de destino, se ajustará perfectamente. píxel por píxel.

También es importante crear algunas carpetas de activos con un PPI base y una para un PPI alto.

Esto es para activos de diseño nativo.

Al diseñar para una interfaz de usuario web receptiva. Hay bootstraps, plantillas de diseño de interfaz de usuario que se escalarán dentro del navegador correctamente.

Debido a que me votaron negativamente, me gustaría explicar que el sistema operativo más popular en uso en todo el mundo es Android, que utiliza una fórmula DPI específica que se encuentra en el sitio web de desarrolladores de Android. Es por eso que siempre creo carpetas de activos y siempre diseño con PPI como mi objetivo para que todos los dispositivos Android estén cubiertos.

si bien es cierto que es mejor diseñar el tamaño más grande y luego reducir la escala desde allí, si diseña algo del tamaño exacto de su pantalla, eso es lo mejor que obtendrá; no será mejor porque lo diseñaste más grande. Su computadora la reducirá a la resolución de su pantalla si la imagen es más grande, por lo que no hay ningún beneficio aquí. Y si desea distribuir esto a varios tamaños de pantallas, es mejor tener varias imágenes alojadas; no desperdiciemos el ancho de banda del usuario sirviendo una imagen más grande de lo que su pantalla puede manejar.
@Luciano Debes ser humilde y no ser tan rápido para corregir cuando está claro que tienes algunas cosas que aprender. Si leyó la pregunta correctamente, no se trataba de una "computadora", sino de un fondo de pantalla / imágenes escalables para todos los dispositivos, en cuyo caso debe seguir la relación DP para Android. NO vas por resolución ya que 1080p en una tableta tiene menos densidad de píxeles que 1080p en un teléfono de 5". Es por eso que creas carpetas de activos y tienes una imagen para hdpi a xxxhdpi. Parece que no sabes nada sobre esto y te aconsejo ¡para aprenderlo ya que Android es solo el sistema operativo más utilizado en el mundo!
1080p significa 1920 × 1080 independientemente del tamaño de la pantalla del dispositivo. Así que ese es el tamaño de píxel de la imagen que tienes que servir a todos los dispositivos de 1080p si quieres el mejor resultado.
Está usted equivocado. No voy a sentarme aquí y discutir con alguien que obviamente no ha aprendido lo que significa DPI. Ciertamente no lo contrataría porque preferiría argumentar que simplemente ir y aprender cómo mejorar sus habilidades. A quién le importa si te equivocas... Aprende algo nuevo
La razón por la que es especialmente importante diseñar en un lienzo más grande que la resolución. La resolución de 1080p no mide la cantidad de píxeles por pulgada (PPI). Si tenemos una pantalla de 56" Full HD 1080p y una pantalla de portátil de 15" con la misma resolución, las dos diferirán en PPI en que la pantalla más pequeña tendrá más densidad de píxeles. Al crear un lienzo, debe tener en cuenta los píxeles por pulgada (PPI) y la proporción. Hay fórmulas para esto y funcionan muy bien. Esto asegura que su trabajo se ajuste correctamente a la pantalla y se vea nítido y óptimo.

1920 x 1080. Este es el fondo estándar para computadoras, ni más ni menos.

Excepto el mío que soporta 2560x1600... o mi portátil a 1600x1480... Y sí... no entremos en los tamaños de móviles y tabletas...
¿Las mejores dimensiones de imagen para fondos de pantalla descargables, para PC, HD, móvil y tableta?
RespuestasAquíPolítica de privacidad1y, 4v