Resolucion de imagenes para web

🤘 Tamaño y resolución de las imágenes

«Apuesto a que has aprendido mucho sobre los «72 DPI» si alguna vez has tenido que hablar con alguien sobre la creación/el tamaño de las imágenes para el sitio. «Las imágenes deben ser de 72 DPI para Internet, mientras que las imágenes deben ser de al menos 300 DPI para la impresión. Tal vez incluso pienses que es real.
Si te sientas aquí y piensas «WTF es DPI?» o «¿Es DPI idéntico a PPI?» o «¿Por qué, oh por qué, en el mundo, hay tantos acrónimos?» DPI significa «puntos por pulgada» y «píxeles por pulgada» significa PPI. Como las imágenes impresas están formadas por puntos diminutos, el término DPI se suele utilizar para las imágenes impresas, mientras que el término PPI se suele utilizar para las pantallas, porque éstas contienen píxeles. Son muy parecidos, y también son utilizados indistintamente por la gente, lo que resulta un poco confuso, pero por ahora no te preocupes. Para nuestros propósitos, vamos a pensar en ellos indistintamente.
Lo único que tienes que hacer es mirar la verdadera definición del acrónimo: píxeles/puntos por pulgada. Se refiere a la cantidad de píxeles/puntos de una página impresa que caben en una pulgada de espacio. Dependiendo del DPI establecido, dos imágenes con el mismo valor de píxeles (digamos, 1000 píxeles de ancho) se imprimirán a una escala muy diferente. Esa imagen tendrá 13,88 pulgadas de ancho a 72 DPI, mientras que esa misma imagen tendrá 3,33 pulgadas de ancho a 300 DPI. Es simplemente matemática. Lo único que hace el DPI es decidir cuántos píxeles de la página puede meter la impresora en una pulgada de espacio. Por eso, una imagen con más PPP se ve mejor que una imagen con menos PPP: cuanto más fino sea el detalle de la imagen impresa, más píxeles caben en una región pequeña.

🎖 Resolución de las imágenes para la web 2019

¿Te ha pasado que cuando se habla del tamaño y la resolución de una imagen, la gente se confunde? Las medidas de los píxeles son casi lo único en lo que hay que pensar. Las dimensiones de los píxeles de la imagen le indican cuánta información se almacena dentro del archivo. Imagina dos archivos: una imagen de 2880 x 1920 píxeles y otra de 900 x 600 píxeles. Si miramos los números, está claro que el archivo de imagen más grande es uno de ellos. Pero ambas imágenes tienen un tamaño de 4’x6′. ¿Cómo será posible?
Bien, la imagen de 2880 x 1920 tiene un tamaño de 16 MB y la de 900 x 600 tiene un tamaño de 1,5 MB (la compresión jpeg también puede cambiar el tamaño del archivo. Como referencia, solemos referirnos a la versión no comprimida del archivo cuando hablamos del tamaño del mismo. Esta es otra historia complicada para más adelante).
Pero las medidas en píxeles no son la única cantidad con la que hay que tener cuidado cuando se trata de imprimir. A la hora de imprimir una imagen, hay que tener en cuenta un número adicional, que es la resolución. Entender la dimensión y la resolución de los píxeles puede ayudarte a enfrentarte mejor a esos momentos en los que alguien te pide un archivo digital, o cuando tienes que enviar a alguien una imagen para usarla en una presentación o para imprimirla.

😲 El mejor tamaño de imagen para wordpress

Nuestros sitios web producen automáticamente imágenes de cualquier tamaño, siempre que el original sea lo suficientemente grande. Sin embargo, puede tardar más en cargarse si las fotos son extremadamente grandes.
Lo ideal es subir una imagen que tenga el doble de altura y anchura de la aplicación prevista para los dispositivos modernos de retina. El tamaño del archivo es menos importante, siempre que la imagen tenga unas dimensiones en píxeles lo suficientemente grandes. Dicho esto, sugeriremos subir imágenes que no sean mayores de 3200px de ancho para optimizar el método de carga.
Unas imágenes de 1600 x 1000px suelen ser imágenes de la página de inicio a todo color. Se debe subir una imagen que sea al menos de 1600 x 1000px, pero preferiblemente debería ser de 3200 x 2000px para protegerla con un poco de upscaling para las cámaras retina.
Cuando se publiquen, las fotos en la web deben guardarse como sRGB para mantener su viveza. Esto se puede conseguir utilizando la opción «Guardar para la web» en Photoshop. También puedes ejecutar un proceso por lotes para guardar toda una carpeta de imágenes con este perfil de color.

❤ ¿qué tamaño deben tener las imágenes para un sitio web?

Si llevas un tiempo entre ordenadores e imágenes digitales, sobre todo si eres diseñador de páginas web o un fotógrafo que publica sus fotografías en Internet, sin duda habrás oído decir que la resolución correcta es de 72 píxeles por pulgada para las imágenes que se muestran en la web o en las pantallas de los ordenadores en general (ppi).
Algunos dicen que son «ppi» (píxeles por pulgada), otros afirman que son «dpi» (puntos por pulgada), y si no fuera por una pequeña verdad, todo el asunto sería realmente confuso: ¡es una completa tontería! En este tutorial aprenderemos por qué no existe una resolución normal para la web o para la pantalla y por qué no necesitas pensar en la resolución de la imagen en absoluto si tus imágenes están destinadas a la web.
La raíz de la resolución de pantalla de 72 ppi se remonta a mediados de la década de 1980, cuando Apple lanzó los primeros ordenadores Macintosh. En esos ordenadores se utilizaba una pantalla integrada de 9 pulgadas con una resolución de pantalla de 72 píxeles por pulgada. ¿Por qué 72 píxeles por pulgada? Porque las pantallas de los Macintosh se diseñaron específicamente para funcionar en completa armonía con las impresoras ImageWriter de Apple, que tenían una resolución de impresión de 144 puntos por pulgada, exactamente el doble de la resolución de la pantalla. Esto facilitaba el escalado de la salida de la pantalla al papel impreso, lo que significaba que la pantalla podía previsualizar el texto y los gráficos al mismo tamaño que aparecerían al imprimirlos. Más tarde, cuando Apple empezó a producir pantallas de Macintosh más grandes, se aseguró de que los tamaños de pantalla se ajustaran a los mismos 72 píxeles por pulgada para que los usuarios siguieran viendo una vista previa exacta del documento impreso en la pantalla (siempre que utilizaran una impresora ImageWriter).