Subí una imagen PNG a la web en 300 ppp y se está descargando en 72 ppp. ¿Por qué es esto?

El usuario de Quora y Larry Bolch están en el camino correcto, aquí.
¡Me gustaría hablar con ellos!

El sufijo “dpi” o “ppi” o “whatever-pi” es solo una indicación adicional. Y cuando no hay una configuración de ppp añadida, un software como Photoshop simplemente la configurará en “72 ppp”. La mayoría de los formatos de archivo pueden llevar esta configuración dentro de su archivo como algunos metadatos, pero depende de la aplicación que la abra, interpretar la configuración, o no. ( Adobe InDesign lo honra, por ejemplo).

Lo único que es importante para la mayoría de las aplicaciones es el conjunto de píxeles (como “1200 x 800” ) en el archivo de imagen. Por lo tanto, simplemente ignoran los metadatos y colocan todos los píxeles en la pantalla. Lo que solía suceder en una relación de 1 a 1, con 72 ppp como punto de partida. Entonces 1 píxel en la pantalla equivalía a 1 píxel en el archivo. Pero con la mejora de las resoluciones de pantalla, esto podría generar fácilmente imágenes pequeñas como imágenes borrosas aún más pequeñas. Entonces, las aplicaciones comenzaron a representar imágenes en la proporción de su pantalla, imitando las antiguas pantallas de 72 ppp.

Ahora, con las pantallas Apple Retina en iPhones , iPads y recientemente también en Mac , todo este asunto está tomando otro giro. De repente, se nos presentan nuevos términos como HiDPI o doble resolución .

Si no entendiste todo este asunto antes, probablemente te confundirás aún más en los próximos años. Porque, seamos sinceros: es un desastre ! No hay un estándar, y los fabricantes de pantallas y los desarrolladores de software están empujando los límites. Sin este lío, no habría ninguna mejora, y todavía estaríamos mirando pantallas gruesas de 72 ppp.

Abra una nueva MacBook y disfrute en un día …

DPI es una propiedad de la pantalla, no del archivo. No se puede decir que una imagen tenga 72 ppp. La imagen se compone de un cierto número de píxeles (alto y ancho). Algunos softwares pueden incluir un comentario en el archivo de imagen que especifica una escala preferida para la imagen para que pueda reproducirse en un tamaño específico (esto se aplica principalmente al software del escáner; la sugerencia le permitiría imprimir el documento escaneado exactamente igual) tamaño).

Si una imagen se manipula de alguna manera, es probable que esa sugerencia se elimine, incluso si el número de píxeles no se modifica (por ejemplo, el tamaño de la imagen no ha cambiado). Si desea reproducir la imagen en una impresora, debe adivinar la escala). Cuando selecciona una escala para la impresora, la imagen realmente se imprimirá con la resolución nativa (DPI) de la impresora. Entonces, por ejemplo, una imagen de 600 píxeles de ancho, escalada a 1 pulgada (600 ppp), se imprimirá a 600 ppp O MENOS (dependiendo de lo que sea capaz de hacer la impresora). Si redujo esa imagen a 1/2 pulgada, la imagen se imprimiría a 1200 ppp o menos.

Solo las impresoras y los oficios de impresión entienden DPI. No tiene relación con la visualización en monitores, que no comprenden el DPI. Cuando envía una imagen para imprimir, el controlador de la impresora busca la figura de DPI y escala la imagen en consecuencia. En términos de la web, no tiene ningún significado.

300 dpi es inútil para la visualización web. Se utilizan 300 ppp para imprimir imágenes. Sin embargo, 72 DPI es el valor correcto para mostrar imágenes en la web. Las imágenes de más de 72 ppp se seguirán mostrando como 72 ppp porque las pantallas de las computadoras modernas solo pueden mostrar la misma cantidad.

Ahora,
Las imágenes de 300 ppp pueden ser más grandes en tamaño de archivo que las imágenes de 72 ppp. Sin embargo, dado que la calidad de visualización es la misma, el sitio web en el que está cargando puede reducir automáticamente el tamaño de los archivos para que sean más ligeros.

Espero que esto ayude.

Este artículo será útil: Todo sobre fotos digitales

Esencialmente, se reduce a 1) cuántos píxeles tiene realmente 2) qué metadatos están asociados con esos píxeles. Una foto de “300 ppp” está pensada para representarse de manera que un píxel tenga 1/300 “de lado. Una imagen de” 72 ppp “debe representarse de manera que un píxel tenga 1/72” de lado. La misma foto de 300 × 400 tiene diferentes tamaños a diferentes valores de ppp porque cambia el tamaño de un píxel. Una imagen de 300 ppp será aproximadamente 4 veces más pequeña que una imagen de 72 ppp con el mismo número de píxeles.

No entiendo todas las explicaciones largas e inútiles en este hilo. La respuesta es simple: la web muestra 72 ppp. Eso es.

More Interesting

Quiero aprender el desarrollo web desde el principio, ya que no tengo experiencia alguna vez. Cual es la mejor manera?

¿Quiero diseñar un sitio web para mi inicio y necesito referencias para cualquier kit o plataforma de desarrollo web?

Soy estudiante de segundo año de B.Tech (CSE). Quiero aprender todo sobre diseño y desarrollo web. ¿Por dónde empiezo y luego sigo adelante?

Cuando visito un sitio web, ¿el propietario del sitio web puede ver lo que he visto en el sitio web?

Si hago un sitio web y pongo videos de YouTube, que no son míos, ¿se considerará legal o ilegal?

Soy un desarrollador web independiente, pero estoy buscando migrar a la industria o crear una startup web. ¿Aprender algo como ITIL será beneficioso para mí?

Quiero aprender desarrollo web. ¿Las nuevas aplicaciones instantáneas de Android me impedirían tener un trabajo seguro?

Estoy tratando de crear un sitio web y estoy en la etapa de diseño. ¿Qué programa que se puede ejecutar en una Macbook es el más adecuado para esto?

Si creo un sitio web que ayuda a unir clientes y clientes de forma gratuita, ¿cómo me protejo legalmente de cualquier cosa que ocurra fuera del sitio?

Soy desarrollador web y diseñador web. ¿Cómo consigo nuevos clientes?

Quiero ofrecer mis habilidades de diseño web de forma gratuita o a un precio moderado. Nadie me dará una oportunidad. ¿Cómo consigo clientes?

Mi amigo hizo un logotipo, ¿puedo usarlo para mi sitio web si le pido permiso?

Si aprendo desarrollo web, ¿cómo puedo crear mi sitio web y venderlo?

Quiero construir un sitio web de bolsa de trabajo como Indeed. ¿Debo construir el sitio web yo mismo o puedo usar algunos CMS como Joomla o Drupal?

Vendo un servicio de diseño web por $ 100 / página. ¿Es demasiado barato o lo suficientemente caro?