¿Quiere los mejores resultados al cambiar el tamaño de las imágenes en Photoshop? ¡Comience aprendiendo todo sobre píxeles, tamaño de imagen y resolución!
En este tutorial, le presentaré tres temas importantes que son esenciales para trabajar con imágenes digitales en Photoshop, y estos son píxeles, tamaño de imagen y resolución de imagen . Tener una sólida comprensión de cómo los píxeles, el tamaño y la resolución de la imagen están relacionados entre sí es esencial para obtener los mejores resultados al cambiar el tamaño de las imágenes, tanto para imprimir como para la web.
Comenzaremos aprendiendo acerca de los píxeles, los componentes básicos de todas las imágenes digitales. Luego, aprenderemos cómo se relacionan los píxeles con el tamaño de la imagen. ¡Y terminaremos aprendiendo cómo el tamaño y la resolución de la imagen funcionan juntos para controlar el tamaño de impresión de su imagen! Incluso desacreditaremos la creencia popular de que la resolución tiene algo que ver con el tamaño del archivo de su imagen.
Aprenderemos todo sobre el cambio de tamaño de la imagen en las lecciones posteriores de este capítulo. Por ahora, ¡comencemos por el principio aprendiendo sobre píxeles, tamaño de imagen y resolución!
¿Qué son los píxeles?
El término píxel es la abreviatura de "elemento de imagen", y los píxeles son los pequeños bloques de construcción que componen todas las imágenes digitales. Al igual que se hace una pintura con pinceladas individuales, una imagen digital se hace con píxeles individuales.
En Photoshop, cuando se visualiza una imagen con un nivel de zoom normal (100% o menos), los píxeles suelen ser demasiado pequeños para notarlos. En cambio, vemos lo que parece una imagen continua, con luces, sombras, colores y texturas que se mezclan para crear una escena que se parece mucho al mundo real (imagen de Adobe Stock):
Una imagen digital abierta en Photoshop. Crédito de la imagen: Adobe Stock.
Una mirada más cercana a los píxeles
Pero como cualquier buen truco de magia, lo que estamos viendo es realmente una ilusión. Y para romper la ilusión, solo tenemos que mirar más de cerca. Para ver los píxeles individuales en una imagen, todo lo que tenemos que hacer es acercar. Seleccionaré la herramienta Zoom en la barra de herramientas:
Selección de la herramienta de zoom.
Luego, haré clic varias veces en uno de los ojos de la mujer para acercarlo. Cada vez que hago clic, me acerco más. Y si me acerco lo suficiente, comenzamos a ver que lo que parecía una imagen continua es realmente un montón de pequeños cuadrados. Estos cuadrados son los píxeles:
Acercar más de cerca revela los píxeles individuales.
Y si me acerco aún más, vemos que cada píxel muestra un solo color. Toda la imagen es realmente solo una cuadrícula de cuadrados de colores sólidos. Cuando se ve lo suficientemente lejos, nuestros ojos mezclan los colores para crear una imagen con muchos detalles. Pero de cerca, son los píxeles los que crean nuestro mundo digital:
Una vista de primer plano de los píxeles de la imagen, cada uno con un solo color.
La cuadrícula de píxeles
Tenga en cuenta que una vez que se acerca lo suficiente (generalmente más allá del 500%), comienza a ver un contorno gris claro alrededor de cada píxel. Esta es la cuadrícula de píxeles de Photoshop, y está ahí solo para que sea más fácil ver los píxeles individuales. Si encuentra que la Cuadrícula de píxeles distrae, puede desactivarla yendo al menú Ver en la Barra de menús, eligiendo Mostrar y luego seleccionando Cuadrícula de píxeles . Para volver a encenderlo, simplemente selecciónelo nuevamente:
Ir a Ver> Mostrar> Cuadrícula de píxeles.
Alejar para ver la imagen
Para alejar los píxeles y ver la imagen completa, vaya al menú Ver y elija Ajustar en pantalla :
Ir a Ver> Ajustar en pantalla.
Y ahora que nos hemos alejado, los píxeles individuales son una vez más demasiado pequeños para notarlos, y volvemos a ver la ilusión de una foto detallada:
A distancias de visualización normales, los píxeles se mezclan para crear la imagen.
Vea nuestra guía completa para navegar imágenes en Photoshop
¿Qué es el tamaño de la imagen?
Entonces, ahora que sabemos que los píxeles son los pequeños cuadrados de color que componen una imagen digital, veamos un tema relacionado, el tamaño de la imagen . El tamaño de la imagen se refiere al ancho y alto de una imagen, en píxeles. También se refiere al número total de píxeles en la imagen, pero es realmente el ancho y la altura lo que debemos preocuparnos.
El cuadro de diálogo Tamaño de imagen
El mejor lugar para encontrar la información del tamaño de la imagen es en el cuadro de diálogo Tamaño de imagen de Photoshop. Para abrirlo, vaya al menú Imagen y elija Tamaño de imagen :
Ir a Imagen> Tamaño de imagen.
En Photoshop CC, el cuadro de diálogo Tamaño de imagen muestra un área de vista previa a la izquierda y detalles sobre el tamaño de la imagen a la derecha. Cubriré el cuadro de diálogo Tamaño de imagen con más detalle en el próximo tutorial. Por ahora, solo veremos la información que necesitamos:
El cuadro de diálogo Tamaño de imagen en Photoshop CC.
Las dimensiones en píxeles
El ancho y el alto de una imagen, en píxeles, se conocen como sus dimensiones de píxeles, y en Photoshop CC, podemos verlos junto a la palabra Dimensiones cerca de la parte superior del cuadro de diálogo. Aquí vemos que mi imagen tiene un ancho de 4509 píxeles (px) y una altura de 3000 píxeles:
Photoshop CC incluye una nueva opción Dimensiones en la parte superior.
Si las dimensiones se muestran en un tipo de medida que no sea píxeles, como pulgadas o porcentajes, haga clic en la flecha pequeña junto a la palabra "Dimensiones" y elija Píxeles de la lista:
Las dimensiones se pueden mostrar en diferentes tipos de medidas.
Esto nos dice que mi imagen contiene 4509 píxeles de izquierda a derecha y 3000 píxeles de arriba a abajo:
Las dimensiones en píxeles de la imagen.
Encontrar el número total de píxeles
Para calcular el número total de píxeles en la imagen, solo necesitamos multiplicar los valores de ancho y alto juntos. Entonces, en este caso, 4509 x 3000 = 13, 527, 000, o aproximadamente 13.5 millones de píxeles. Realmente no necesita saber la cantidad total de píxeles. Pero a medida que gane más experiencia con el cambio de tamaño de las imágenes, encontrará que conocer de antemano el número total de píxeles le dará una buena idea de qué tan grande puede imprimir la imagen, como veremos a continuación cuando veamos la resolución de la imagen.
¿Qué es la resolución de imagen?
Entonces, si los píxeles son los pequeños cuadrados de color que componen todas las imágenes digitales, y el tamaño de la imagen es el número de píxeles en la imagen de izquierda a derecha (el ancho) y de arriba a abajo (la altura), ¿cuál es la resolución de la imagen ? La resolución de imagen controla qué tan grande o pequeña se imprimirá la foto según su tamaño de imagen actual.
Es importante comprender de antemano que la resolución de la imagen solo afecta el tamaño de la versión impresa de la imagen. No tiene ningún efecto al ver la imagen en la pantalla. Cubro este tema con más detalle en mi tutorial de mito de resolución web de 72 ppp, y lo veremos nuevamente al final de este tutorial.
La conexión de ancho, altura y resolución
En el cuadro de diálogo Tamaño de imagen, si mira debajo de la palabra "Dimensiones", encontrará los campos Ancho, Altura y Resolución . Aquí es donde no solo podemos ver la configuración actual sino también cambiarla:
Las opciones Ancho, Altura y Resolución.
La opción de remuestreo
Antes de continuar, si mira por debajo del valor de Resolución, encontrará otra opción importante llamada Resample . Y por defecto, Resample está activado. Aprenderemos todo sobre la opción Resample cuando veamos cómo cambiar el tamaño de las imágenes. Pero en resumen, Resample nos permite cambiar el número de píxeles en la imagen:
La opción de remuestreo.
¿Por qué querrías cambiar la cantidad de píxeles? Si el tamaño actual de la imagen es demasiado pequeño para imprimir su foto en el tamaño que necesita, puede usar Resample para agregar más píxeles, lo que se conoce como muestreo ascendente . O, si desea enviar su foto a sus amigos por correo electrónico o subirla a la web, y el tamaño actual es demasiado grande, Resample le permitirá reducir la cantidad de píxeles, lo que se conoce como disminución de resolución .
Nuevamente, aprenderemos todo sobre el muestreo ascendente y descendente cuando veamos cómo cambiar el tamaño de las imágenes. Por ahora, para ver cómo la resolución afecta el tamaño de impresión de la imagen, desmarca Resample para desactivarla:
Desmarcando la opción Resample.
Cambiar el tamaño de impresión, no el tamaño de la imagen
Tan pronto como desactive Resample, notará que el tipo de medida para los valores de Ancho y Altura cambia. En lugar de ver el ancho y la altura en píxeles como era hace un momento, ahora los veo en pulgadas . Y en lugar de decirme que mi imagen tiene 4509 píxeles de ancho y 3000 píxeles de alto, ahora me dicen que tiene 15.03 pulgadas de ancho y 10 pulgadas de alto:
Las medidas de Ancho y Altura ahora se muestran en pulgadas en lugar de píxeles.
De hecho, si hace clic en el cuadro de tipo de medición para el Ancho o la Altura, notará que Pixels ahora está en gris y no está disponible. Esto se debe a que, con Resample desactivado, no podemos cambiar el número físico de píxeles en la imagen. Todo lo que podemos hacer es cambiar el tamaño que imprimirá la imagen, y el tamaño de impresión generalmente se mide en pulgadas (o centímetros, dependiendo de dónde se encuentre en el mundo):
Desactivar Resample nos impide agregar o eliminar píxeles.
¿Cómo funciona la resolución de imagen?
La resolución controla el tamaño de impresión de una imagen al establecer el número de píxeles que se comprimirán en cada pulgada de papel, tanto vertical como horizontalmente. Es por eso que el valor de resolución se mide en píxeles por pulgada o " ppi ". Como la imagen tiene un número limitado de píxeles, cuanto más agrupemos esos píxeles en el papel, más pequeña será la imagen que se imprimirá.
Por ejemplo, mi valor de resolución está configurado actualmente en 300 píxeles / pulgada. Esto significa que cuando vaya a imprimir la imagen, 300 de sus píxeles del ancho y 300 píxeles de la altura, se comprimirán en cada pulgada cuadrada de papel. Ahora 300 píxeles pueden no parecer mucho. Pero recuerde, son 300 tanto del ancho como de la altura. En otras palabras, es 300 veces 300, para un total de 90, 000 píxeles por pulgada cuadrada:
La resolución actual, medida en píxeles / pulgada.
Cómo determinar el tamaño de impresión
Para determinar el tamaño de impresión de la imagen, todo lo que tenemos que hacer es dividir su ancho y alto actuales, en píxeles, por el valor de resolución. Si volvemos a mirar la sección Dimensiones en la parte superior, vemos que el ancho de mi imagen sigue siendo de 4509 píxeles:
El ancho actual, en píxeles.
Si dividimos 4509 por el valor de resolución actual de 300, obtenemos 15, 03. En otras palabras, el ancho de mi imagen, cuando se imprima, será de 15.03 pulgadas, el valor exacto que se muestra en el campo Ancho:
4509 píxeles ÷ 300 píxeles / pulgada = 15.03 pulgadas.
Y de vuelta en la sección Dimensiones, vemos que la altura de mi imagen sigue siendo 3000 px:
La altura actual, en píxeles.
Si dividimos 3000 por la resolución actual de 300, obtenemos 10. Lo que significa que la altura de la imagen, cuando se imprima, será de 10 pulgadas, tal como se muestra en el campo Altura:
3000 píxeles ÷ 300 píxeles / pulgada = 10 pulgadas.
Cambiar la resolución cambia el tamaño de impresión
Si cambiamos el valor de resolución, el número de píxeles en la imagen no cambia, pero el tamaño de impresión sí. Tenga en cuenta que si reduzco la resolución de 300 píxeles / pulgada a 150 píxeles / pulgada, las dimensiones de los píxeles se mantienen igual a 4509 px x 3000 px. Pero el ancho y la altura aumentan. Como solo exprimiré la mitad de píxeles por pulgada en el papel, tanto horizontal como verticalmente, el ancho y la altura se han duplicado:
Bajar la resolución aumenta el tamaño de impresión.
Cambiar el tamaño de impresión cambia la resolución
Y dado que todo lo que estamos cambiando es el tamaño de impresión, cambiar el ancho o la altura cambiará la resolución. De hecho, cuando la opción Resample que vimos anteriormente está desactivada, los tres valores (Ancho, Altura y Resolución) están vinculados entre sí. Cambiar uno cambia automáticamente los otros.
Si bajo mi valor de Ancho a 10 pulgadas, entonces para mantener la relación de aspecto de la imagen igual, Photoshop cambia automáticamente el valor de Altura a 6.653 pulgadas. Y para ajustar toda la imagen en el nuevo tamaño de impresión más pequeño, los píxeles deberán empaquetarse más ajustados, por lo que el valor de Resolución ha aumentado a 450, 9 píxeles / pulgada:
Cambiar el ancho y la altura cambia la resolución.
¿La resolución de la imagen afecta el tamaño del archivo?
Un error común con la resolución de la imagen es que de alguna manera afecta el tamaño del archivo de la imagen. Muchas personas creen que, antes de enviar una foto por correo electrónico o subirla a la web, debe reducir su resolución para reducir el tamaño del archivo. Esto simplemente no es cierto. Dado que cambiar la resolución no cambia el número de píxeles en la imagen, no tiene ningún efecto en el tamaño del archivo.
Si mira junto a las palabras "Tamaño de imagen" en la parte superior del cuadro de diálogo, verá un número, que generalmente se muestra en megabytes (M). En mi caso, son 38.7M. Este número representa el tamaño de la imagen en la memoria de su computadora. Cuando abre una imagen en Photoshop, la imagen se copia de su disco duro, se descomprime del formato de archivo en el que se guardó y luego se coloca en la memoria (RAM) para que pueda trabajar en ella más rápidamente. El número que se muestra en el cuadro de diálogo Tamaño de imagen es el tamaño real sin comprimir de la imagen:
El tamaño de la imagen, en megabytes, se muestra en la parte superior.
Menor resolución frente a tamaño de archivo
Probar que la resolución de la imagen no tiene efecto en el tamaño del archivo es fácil. Solo observe el tamaño mientras cambia la resolución. Mientras la opción Resample esté desactivada para que no esté cambiando la cantidad de píxeles en la imagen, no importa lo que elija para el valor de resolución, el tamaño del archivo en la parte superior siempre será el mismo.
Aquí, he bajado la resolución de 300 píxeles / pulgada hasta 30 píxeles / pulgada. Con tan pocos píxeles apiñados en una pulgada de papel, el tamaño de impresión ha aumentado a la friolera de 150.3 pulgadas x 100 pulgadas. Pero incluso con este valor de resolución muy baja, el tamaño de la imagen en la memoria permanece sin cambios en 38.7M:
Bajar la resolución de impresión no tiene ningún efecto en el tamaño del archivo.
Mayor resolución frente al tamaño del archivo
Y aquí, he aumentado la resolución hasta 3000 píxeles / pulgada. Esto reduce el tamaño de impresión a solo 1.503 pulgadas x 1 pulgada, pero nuevamente no tiene ningún efecto en el tamaño del archivo, que todavía es 38.7M. La única forma de reducir el tamaño de archivo de una imagen es reducir el número de píxeles en la imagen (usando la opción Resample) o guardar el archivo en un formato que admita compresión (como JPEG.webp), o ambos. Simplemente cambiando la resolución de impresión no cambiará el tamaño del archivo:
El aumento de la resolución de impresión tampoco tiene efecto en el tamaño del archivo.
Entonces, ¿cómo se reduce la cantidad de píxeles en la imagen? ¿Y qué valor de resolución necesita para obtener impresiones de alta calidad? Contestaré estas preguntas y más en tutoriales separados en este capítulo.
¡Y ahí lo tenemos! ¡Es un vistazo rápido a los píxeles, el tamaño y la resolución de la imagen, tres temas importantes que debe conocer para obtener los mejores resultados al cambiar el tamaño de las imágenes en Photoshop! ¡En la próxima lección de esta serie, veremos más de cerca el poderoso comando Tamaño de imagen de Photoshop CC!
O echa un vistazo a los tutoriales anteriores de esta serie:
- 02 - Comando Tamaño de imagen de Photoshop - Características y consejos
- 03 - Cómo cambiar el tamaño de las imágenes para imprimir
- 04 - Cómo cambiar el tamaño de las imágenes para compartirlas por correo electrónico y fotos
- 05 - Cómo calcular el tamaño de la imagen
- 06 - La verdad sobre la resolución de la imagen, el tamaño del archivo y la web
- 07 - Cómo cambiar el tamaño de pixel art
- 08 - La mejor manera de ampliar imágenes en Photoshop CC
¡Y no olvide que todos nuestros tutoriales ahora están disponibles para descargar en formato PDF!