Usar las resoluciones adecuadas para tus fotos e imágenes
- Por qué te interesa tanto saber utilizar bien las fotos e imágenes en Internet
- Usar las resoluciones adecuadas para tus fotos e imágenes
- Los formatos más importantes para fotos e imágenes digitales
- Cómo reducir el tamaño de las fotos y optimizar fotos e imágenes
- Cómo retocar fotos, mejorarlas, aplicar efectos, y poner un fondo transparente a fotos e imágenes
- Organizar y compartir fotos e imágenes en Internet
Como se puede ver en el artículo de Wikipedia del enlace anterior, según el medio, el concepto de resolución se entiende de diferentes formas, pero en todas ellas se trata en definitiva del grado de detalle con el que se aprecia la imagen.
Esto en una imagen digital se traduce básicamente a cuántos puntos se visualizan en qué espacio y se mide habitualmente con la medida de puntos por pulgada.
Resoluciones de pantalla típicas y tipos de resolución
En el caso de las imágenes digitales se relaciona estrechamente con las dimensiones, cuanto mayores sean, mayor podrá será el detalle de la imagen sobre una misma superficie, de hecho es habitual que los términos de resolución y dimensiones se utilicen indistintamente.

Resoluciones habituales en monitores de ordenador y sus diferencias relativas – hacer clic para ampliar la imagen
En una pantalla de ordenador o televisión la idea es similar, existe además una larga serie de dimensiones estándar de resolución de pantalla entre las cuales habría que destacar los formatos de 1024×768, 1280×1024 y 1366×768 puntos como formatos de pantalla de ordenador más habituales y los formatos de televisión de alta definición (1280×720 en el caso de HDready y 1920×1080 en el caso de Full-HD). En los smartphones actuales son muy habituales dimensiones de pantalla de 320×240 (gama media/baja), 800×480 (muy típico en Android) y 960×640 (IPhone 4). En combinación con el tamaño de la pantalla en pulgadas determinará la resolución de la misma.
Lo que determinará nuestra percepción subjetiva de la calidad de la imagen será la relación entre las dimensiones o resolución de la imagen, la resolución de la pantalla utilizada y el tamaño con el que se muestra la imagen.
En la imagen inferior podemos ver como se visualiza la letra “R” primero con una resolución muy mala. Esto es porque se visualiza una imagen con unas dimensiones muy pequeñas, 20×20, sobre una superficie grande en la pantalla. Es decir, en el espacio que ocupa la imagen la pantalla es capaz de visualizar hasta 100×100 puntos, pero la imagen tan sólo tiene 20×20, se está visualizando demasiado grande para sus reducidas dimensiones, resultado en una nefasta resolución, el resultado es que vemos literalmente cada uno de sus puntos, con un resultado estético malo y desagradable.
La siguiente imagen aún es bastante pobre, aunque ya queda mucho mejor que la anterior. Pero todavía no queda fina del todo porque aún no aprovecha las posibilidades de la pantalla. Sin embargo, la última aprovecha plenamente la resolución de la pantalla porque tiene unas dimensiones de 100×100 y ocupa exactamente 100×100 puntos en la pantalla por tanto utiliza la máxima la calidad que la pantalla puede ofrecer.
Si hubiésemos puesto una imagen más, de 200×200 puntos la calidad (el detalle) en la pantalla quedaría exactamente igual porque la pantalla no es capaz de visualizar más de los 100×100 puntos de los que dispone en ese espacio. La imagen ocuparía 4 veces más y se vería igual, un resultado absurdo.
El problema de la fotografía digital
Una de las consecuencias de la gran evolución de fotografía digital ha sido la mala práctica de utilizar imágenes de altísimas resoluciones tal cual en Internet, con todo lo que eso implica.
Una cámara digital de gama media como lo puede ser, por ejemplo, la CanonEOS 550D, llega a resoluciones de hasta 5184×3456 puntos (18 megapixels), muchísimo más de lo que cualquier pantalla de ordenador o teléfono móvil es capaz de visualizar.
Conclusiones
Como regla general se puede decir que no tiene sentido utilizar imágenes con una resolución mayor de 1 megapixel en Internet. Si estamos usando imágenes que superan este tamaño deberíamos reducirlas antes de subirlas a ninguna parte en Internet.
Descargar, por ejemplo, una imagen de 10 megapixels (pongamos que ocupa 5 megabytes) por una línea ADSL con un ancho de banda (velocidad) de 10 mega bit por segundo en la práctica tardaría como mínimo unos 10 segundos.
Parece una cifra razonable, pero ¿qué pasaría si estamos navegando por una página con decenas de fotos de ese tamaño? Imaginemos, por ejemplo, un hilo de discusión en un foro de aficionados del motor que intercambian fotos de sus coches, se podría llegar a tardar minutos en cargar la página con las fotos y eso se vuelve insoportable.
En definitiva, trabajar con resoluciones altas tiene sentido, sobre todo, para los profesionales y para conservar imágenes importantes (de acontecimientos familiares, etc.) con un máximo de calidad, por ejemplo, para su impresión en tamaños grandes o para un posterior tratamiento profesional de las mismas.
Pero no tiene sentido utilizar estas resoluciones tan altas en Internet y utilizarlas puede crear muchas molestias por la lentitud que provocan.
Actualización (30/06/2012): Después de publicar este artículo publicamos también en nuestro canal YouTube, Ciudadano 2.0 TV, este vídeo-tutorial que te enseña cómo puedes reducir el tamaño de una imagen o incluso, de una tacada, de un lote de imágenes.
¿Te ha gustado este contenido?
A tus amigos les gustará recibir tus recomendaciones. Con la barra social izquierda y la botonera de abajo puedes compartir este post, entre otros, en tu cuenta Facebook, Google+, Twitter, LinkedIn y por correo electrónico.
También te puedes suscribir a nuestros artículos por correo electrónico, a través de nuestro feed RSS y de nuestra cuenta Twitter (pulsar botón):
Y además te recomendamos que visites nuestro canal en YouTube de tutoriales: Ciudadano 2.0 TV
Finalmente, no te pierdas estos artículos relacionados:
Un comentario a Usar las resoluciones adecuadas para tus fotos e imágenes
Deja un comentario Cancelar respuesta
Nuestras redes sociales
Suscríbete a este blog
5 Blogs en español que leemos
- WWWhat's new: Aplicaciones, marketing y noticias en la web
- David Cantone: Presencia, estrategias y tácticas de marketing online
- Ingresos al cuadrado: Toda la ayuda que necesitas para montar tu infonegocio
- Marketing de Guerilla en la Web 2.0: Marketing online para start-ups y pymes
- Bloguismo: Consejos para blogs y redes sociales
5 Blogs en inglés que leemos
- Problogger: La referencia obligada para cualquier blogger
- Copyblogger: Copywriting y muchas más cosas
- Jeff Bullas: Uno de los mejores blogs de marketing 2.0 y marca personal del mundo
- Social Media Examiner: Uno de los mejores blogs sobre social media del mundo
- 1st Web Designer: Diseño para bloggers, freelancers, diseñadores y desarrolladores Web
Categorías
- Blogs & Social Media (101)
- Copywriting (9)
- Diseño, Fotos & Imágenes (8)
- Entrevistas (3)
- Ganar Dinero (9)
- Guías básicas (9)
- Marca Personal & Empleo 2.0 (22)
- Negocios & Marketing online (14)
- Otros & Off-topic (7)
- Productividad (9)
- PYMEs & Profesionales (29)
- SEO (10)
- Sitios Imprescindibles (5)
- Tutoriales, Trucos & Consejos (14)
Archivo
- mayo 2013 (4)
- abril 2013 (9)
- marzo 2013 (8)
- febrero 2013 (8)
- enero 2013 (5)
- diciembre 2012 (7)
- noviembre 2012 (8)
- octubre 2012 (7)
- septiembre 2012 (7)
- agosto 2012 (1)
- julio 2012 (3)
- junio 2012 (5)
- mayo 2012 (9)
- abril 2012 (8)
- marzo 2012 (6)
- febrero 2012 (8)
- enero 2012 (6)
- diciembre 2011 (4)
- noviembre 2011 (1)
- octubre 2011 (3)
- septiembre 2011 (3)
- agosto 2011 (2)
- julio 2011 (1)
- junio 2011 (3)























Pequeños grandes detalles que mejoran la vista, agilizan la navegación y permiten mas visitantes a nuestras páginas. Gracias Raquel Rubin