Píxeles, tamaño y resolución de la imagen en Photoshop

Píxeles

¿Quieres los mejores resultados al cambiar el tamaño de las imágenes en Photoshop? ¡Empieza por aprender todo sobre los píxeles, el tamaño y la resolución de las imágenes!

En este tutorial, les presentaré tres temas importantes que son esenciales para trabajar con imágenes digitales en Photoshop, y estos son pixeles, tamaño de la imagen j resolución de la imagen. Tener una sólida comprensión de cómo los píxeles, el tamaño de la imagen y la resolución están relacionados entre sí es esencial para obtener los mejores resultados al redimensionar las imágenes, tanto para la impresión como para la web.

Empezaremos aprendiendo sobre los píxeles, los elementos básicos de todas las imágenes digitales. Luego aprenderemos cómo los píxeles están relacionados con el tamaño de la imagen. Y terminaremos aprendiendo cómo el tamaño y la resolución de la imagen trabajan juntos para controlar el tamaño de la impresión de su imagen. Incluso desacreditaremos la creencia popular de que la resolución tiene que ver con el tamaño del archivo de la imagen.

Aprenderemos todo sobre el redimensionamiento de imágenes en lecciones posteriores de este capítulo. Por ahora, empecemos por el principio aprendiendo sobre los píxeles, el tamaño y la resolución de las imágenes.

Descargue este tutorial como un PDF listo para imprimir!

Index
  1. ¿Qué son los píxeles?
    1. Una mirada más cercana a los píxeles
    2. Alejando el zoom para ver la imagen…
  2. ¿Qué es el tamaño de la imagen?
    1. El cuadro de diálogo Tamaño de la imagen
    2. Las dimensiones de los píxeles
  3. ¿Qué es la resolución de la imagen?
    1. La conexión de ancho, alto y resolución
    2. La opción Resample
    3. Cambiar el tamaño de la impresión, no el tamaño de la imagen
    4. ¿Cómo funciona la resolución de la imagen?
    5. Cómo determinar el tamaño de la impresión
    6. Cambiar la resolución cambia el tamaño de la impresión
    7. Cambiar el tamaño de la impresión cambia la resolución
    8. ¿Afecta la resolución de la imagen al tamaño del archivo?

¿Qué son los píxeles?

El término pixel 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 una pintura está hecha de pinceladas individuales, una imagen digital está hecha de píxeles individuales.

En Photoshop, cuando se ve una imagen con un nivel de zoom normal (100% o menos), los píxeles suelen ser demasiado pequeños para notarlo. En cambio, vemos lo que parece una imagen continua, con luz, sombras, colores y texturas que se mezclan para crear una escena que se parece mucho a la del mundo real (imagen aus Adobe Stock):

A distancias de visión normales, los píxeles se mezclan para crear la foto. Crédito de la imagen: 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, sólo tenemos que mirar más de cerca. Para ver los píxeles individuales de una imagen, todo lo que necesitamos hacer es acercar la imagen. Seleccionaré la herramienta de zoom de la barra de herramientas:

Seleccionando la herramienta de zoom en Photoshop

Seleccionando la herramienta de zoom.

Entonces, haré un par de clicks 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, empezamos a ver que lo que parecía una imagen continua es en realidad un montón de pequeños cuadrados. Estos cuadrados son los píxeles:

Acercando la imagen en Photoshop para ver los píxeles individuales

Acercarse más 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 en realidad sólo una cuadrícula de cuadrados de colores sólidos. Cuando se ve desde una distancia suficiente, nuestros ojos mezclan los colores para crear una imagen con mucho detalle. Pero de cerca, son los píxeles los que crean nuestro mundo digital:

Una vista cercana de los píxeles de la imagen, cada uno mostrando un solo color

Una vista cercana de los píxeles de la imagen, cada uno mostrando un solo color.

La Red de Píxeles

Fíjese que una vez que se acerca lo suficiente (normalmente más del 500%), empieza a ver un contorno gris claro alrededor de cada píxel. Este es el Photoshop Rejilla de Pixeles…y está ahí sólo para facilitar la visualización de los píxeles individuales. Si encuentras que la Red de Píxeles te distrae, puedes apagarla subiendo a la Vea en la barra de menú, eligiendo Mostrary luego eligiendo Rejilla de Pixeles. Para volver a encenderlo, sólo tienes que seleccionarlo de nuevo:

Apagar la red de píxeles en Photoshop

Ir a Ver; Mostrar; Pixel Grid.

Alejando el zoom para ver la imagen…

Para alejar los píxeles y ver la imagen completa, suba al Vea menú y elegir Encajar en la pantalla:

Eligiendo el comando

Ir a ver; Encajar en la pantalla.

Y ahora que nos hemos alejado, los píxeles individuales son de nuevo demasiado pequeños para notarlos, y volvemos a ver la ilusión de una foto detallada:

A distancias de visión normales, los píxeles se mezclan para crear la foto.

A distancias de visión normales, los píxeles se mezclan para crear la imagen.

Vea nuestra guía completa de navegación de imágenes en Photoshop

¿Qué es el tamaño de la imagen?

Así que ahora que sabemos que los píxeles son los diminutos cuadrados de color que componen una imagen digital, veamos un tema relacionado, tamaño de la imagen. Bildgröße se refiere al ancho y alto de una imagen, en píxeles. También se refiere al número total de píxeles de la imagen, pero en realidad es el ancho y la altura lo que nos debe preocupar.

DATEI Das Video, das die harte Arbeit eines Videoeditors erklärt

El cuadro de diálogo Tamaño de la imagen

El mejor lugar para encontrar la información del tamaño de la imagen es en el cuadro de diálogo de Tamaño de la Imagen de Photoshop. Para abrirlo, suba al Bild menú y elegir Bildgröße:

Abriendo el cuadro de diálogo del tamaño de la imagen en Photoshop

Pasando a Imagen; Tamaño de la imagen.

Im Photoshop CCEl cuadro de diálogo Tamaño de la 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 la imagen con más detalle en el próximo tutorial. Por ahora, sólo miraremos la información que necesitamos:

El cuadro de diálogo del tamaño de la imagen en Photoshop CC

El cuadro de diálogo Tamaño de la Imagen en Photoshop CC.

Las dimensiones de los píxeles

El ancho y el alto de una imagen, en píxeles, se conocen como su dimensiones de los píxelesy en Photoshop CC, podemos verlos junto a la palabra Dimensionen cerca de la parte superior del cuadro de diálogo. Aquí vemos que mi imagen tiene un ancho de 4509 píxeles (px) y un alto de 3000 píxeles:

La sección Dimensiones en el cuadro de diálogo Tamaño de la Imagen en Photoshop CC

Photoshop CC incluye una nueva opción de Dimensiones en la parte superior.

Si las dimensiones se muestran en un tipo de medida diferente a los píxeles, como pulgadas o por ciento, haga clic en la pequeña flecha junto a la palabra «Dimensiones» y elija Píxeles aus der Liste:

El cuadro de diálogo del tamaño de la imagen en Photoshop CC

Las dimensiones pueden ser visualizadas en diferentes tipos de medición.

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

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 de la imagen, sólo tenemos que multiplicar los valores de ancho y alto juntos. Así que en este caso, 4509 x 3000 = 13.527.000, o aproximadamente 13,5 millones de píxeles. No necesitas saber el número total de píxeles. Pero a medida que adquieras más experiencia en el cambio de tamaño de las imágenes, descubrirás que conocer el número total de píxeles de antemano te dará una buena idea de cuán grande puedes imprimir la imagen, como veremos a continuación cuando veamos la resolución de la imagen.

Descargue este tutorial como un PDF listo para imprimir!

¿Qué es la resolución de la imagen?

Así que si pixeles son los pequeños cuadrados de color que componen todas las imágenes digitales, y tamaño de la imagen es el número de píxeles de la imagen de izquierda a derecha (el ancho) y de arriba a abajo (la altura), lo que es resolución de la imagen? Resolución de la imagen controla cuán grande o pequeña será la foto imprimir basado en el tamaño de su imagen actual.

Es importante entender desde el principio que la resolución de la imagen sólo afecta al tamaño de la impreso versión de la imagen. No tiene ningún efecto al ver la imagen en la pantalla. Cubriré este tema con más detalle en mi tutorial de mitos sobre la resolución web de 72 ppi, y lo veremos de nuevo al final de este tutorial.

La conexión de ancho, alto y resolución

En el cuadro de diálogo del tamaño de la imagen, si miras debajo de la palabra «Dimensiones», encontrarás la Ancho, Altura j Resolución campos. Aquí es donde no sólo podemos ver la configuración actual, sino también cambiarla:

Las opciones de Anchura, Altura y Resolución en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

Las opciones de ancho, alto y resolución.

La opción Resample

Antes de seguir adelante, si miras debajo del valor de resolución, encontrarás otra opción importante llamada Resample. Y por defecto, Resample está activado. Aprenderemos todo acerca de 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 de la imagen:

La opción Resample en el cuadro de diálogo de Tamaño de Imagen de Photoshop

La opción Resample.

¿Por qué querrías cambiar el número 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 añadir más píxeles, lo que se conoce como upsampling. O, si quieres enviar tu foto por correo electrónico a tus amigos o subirla a la web, y el tamaño actual es demasiado grande, Resample te permitiría reducir el número de píxeles, conocido como Reducción de la muestra.

Una vez más, aprenderemos todo sobre el muestreo y la reducción de muestras 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 la impresión de la imagen, desmarque la opción Resample para desactivarla:

DATEI Cómo ser besado por extraños y convertirse en un fenómeno social

Desactivando la opción de Remuestreo en el cuadro de diálogo Tamaño de la Imagen

Desmarcando la opción Resample.

Cambiar el tamaño de la impresión, no el tamaño de la imagen

Tan pronto como apagues Resample, notarás que el tipo de medición para los valores de Ancho y Alto cambia. En lugar de ver el ancho y la altura en píxeles como lo hacía 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:

El ancho y el alto de la imagen se muestra ahora en pulgadas en lugar de píxeles después de apagar Resample.

Las medidas de Anchura y Altura se muestran ahora en pulgadas en lugar de píxeles.

De hecho, si hace clic en el cuadro de tipo de medida para el Ancho o el Alto, notará que los Píxeles ahora están en gris y no están disponibles. Eso es porque, 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 la imagen imprimiry el tamaño de la impresión suele medirse en pulgadas (o centímetros, según el lugar del mundo en el que te encuentres):

Desactivar la función de remuestreo nos impide añadir o quitar píxeles en el cuadro de diálogo de Tamaño de la Imagen en Photoshop.

Apagar el Resample nos impide añadir o quitar píxeles.

¿Cómo funciona la resolución de la imagen?

La resolución controla el tamaño de la impresión de una imagen estableciendo el número de píxeles que se comprimirán en cada pulgada de papel, tanto vertical como horizontalmente. Por eso el valor de la resolución se mide en Pixel pro Zoll…o…ppi«. Como la imagen tiene un número limitado de píxeles, cuanto más los atiborremos en el papel, más pequeña se imprimirá la imagen.

Por ejemplo, mi valor de resolución está actualmente fijado en 300 píxeles/pulgada. Esto significa que cuando vaya a imprimir la imagen, 300 de sus píxeles de ancho y 300 de alto, se apretarán en cada pulgada cuadrada de papel. Ahora 300 píxeles puede que no parezca mucho. Pero recuerden, son 300 tanto del ancho j la altura. En otras palabras, son 300 veces 300, para un total de 90.000 píxeles por pulgada cuadrada:

La resolución actual de la imagen en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

La resolución actual, medida en píxeles/pulgadas.

Cómo determinar el tamaño de la impresión

Para calcular el tamaño de la impresión de la imagen, todo lo que tenemos que hacer es dividir su actual ancho y alto, en píxeles, por el valor de la resolución. Si miramos de nuevo la sección de Dimensiones en la parte superior, vemos que el ancho de mi imagen sigue siendo de 4509 píxeles:

El ancho actual de la imagen, en píxeles, en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

El ancho actual, en píxeles.

Si dividimos 4509 por el valor actual de resolución de 300, obtenemos 15,03. En otras palabras, el ancho de mi imagen, cuando se imprima, será de 15,03 pulgadas, el valor exacto mostrado en el campo Ancho:

El ancho de impresión actual de la imagen en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

4509 píxeles ÷ 300 píxeles/pulgada = 15,03 pulgadas.

Y en la sección de Dimensiones, vemos que la altura de mi imagen sigue siendo de 3000 px:

La altura actual de la imagen, en píxeles, en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

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, como se muestra en el campo de la altura:

El ancho actual de la imagen, en píxeles, en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

3000 píxeles ÷ 300 píxeles/pulgada = 10 pulgadas.

Cambiar la resolución cambia el tamaño de la impresión

Si cambiamos el valor de la resolución, el número de píxeles de la imagen no cambia, pero el tamaño de la impresión sí. Noten que si bajo la resolución de 300 píxeles/pulgada a 150 píxeles/pulgada, las dimensiones de los píxeles permanecen iguales a 4509 px x 3000 px. Pero tanto el ancho como el alto aumentan. Como sólo exprimiré la mitad de los píxeles por pulgada en el papel, tanto horizontal como verticalmente, el ancho y el alto se han duplicado:

Bajar la resolución de la imagen aumenta el tamaño de la impresión en el cuadro de diálogo de Tamaño de la Imagen en Photoshop

Bajar la resolución aumenta el tamaño de la impresión.

Cambiar el tamaño de la impresión cambia la resolución

Y como todo lo que estamos cambiando es el tamaño de la impresión, entonces cambiar el ancho o la altura cambiará la resolución. De hecho, cuando la opción de remuestreo que vimos antes está desactivada, los tres valores (ancho, alto y resolución) están vinculados entre sí. Al cambiar uno de ellos se cambian automáticamente los otros.

Si reduzco el valor de la Anchura a 10 pulgadas, entonces para mantener la relación de aspecto de la imagen, Photoshop cambia automáticamente el valor de la Altura a 6.653 pulgadas. Y para ajustar toda la imagen al nuevo y más pequeño tamaño de impresión, los píxeles tendrán que estar más apretados, por lo que el valor de Resolución ha aumentado a 450,9 píxeles/pulgada:

DATEI Pinceles de Photoshop: opciones de pincel doble

Cambiar el ancho y la altura de la imagen cambia la resolución de impresión

Cambiando el ancho y la altura se cambia la resolución.

¿Afecta la resolución de la imagen al 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, es necesario disminuir 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 de la imagen, no tiene ningún efecto en el tamaño del archivo.

Si miras junto a las palabras «Tamaño de la imagen» en la parte superior del cuadro de diálogo, verás un número, normalmente mostrado en megabytes (M). En mi caso, es 38.7M. Este número representa el tamaño de la imagen en la memoria de su computadora. Al abrir una imagen en Photoshop, la imagen se copia del disco duro, se descomprime del formato de archivo en el que se guardó y se coloca en la memoria (RAM) para poder trabajar en ella más rápidamente. El número que se muestra en el cuadro de diálogo Tamaño de la imagen es el tamaño real de la imagen sin comprimir:

El tamaño de la imagen, en megabytes, se muestra en el cuadro de diálogo de Tamaño de la Imagen de Photoshop

El tamaño de la imagen, en megabytes, se muestra en la parte superior.

Menor resolución frente al tamaño del archivo

Probar que la resolución de la imagen no tiene efecto en el tamaño del archivo es fácil. Sólo hay que vigilar el tamaño mientras se cambia la resolución. Siempre que la opción Resample esté desactivada para no cambiar el número de píxeles de la imagen, entonces no importa lo que elijas para el valor de la 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 amontonados en una pulgada de papel, el tamaño de la impresión ha aumentado a la friolera de 150,3 pulgadas x 100 pulgadas. Pero incluso con este valor de resolución tan bajo, el tamaño de la imagen en la memoria permanece sin cambios en 38,7M:

Bajar la resolución de impresión en el cuadro de diálogo Tamaño de la imagen no tiene efecto en el tamaño del archivo de imagen

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 pixeles/pulgada. Esto reduce el tamaño de la impresión a sólo 1.503 pulgadas x 1 pulgada, pero de nuevo no tiene efecto en el tamaño del archivo, que sigue siendo 38,7M. La única manera de reducir el tamaño del archivo de una imagen es reducir el número de píxeles de la imagen (usando la opción Resample), o guardar el archivo en un formato que soporte la compresión (como JPEG), o ambos. El simple hecho de cambiar la resolución de impresión no cambiará el tamaño del archivo:

Aumentar la resolución de impresión en el cuadro de diálogo Tamaño de la imagen no tiene ningún efecto en el tamaño del archivo de la imagen

Aumentar la resolución de impresión tampoco tiene efecto en el tamaño del archivo.

Entonces, ¿cómo hacer ¿reduce el número de píxeles de la imagen? ¿Y qué valor de resolución necesitas para obtener impresiones de alta calidad? Responderé a estas preguntas y a otras 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 debes 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 de Tamaño de Imagen de Photoshop CC!

O mira los tutoriales anteriores de esta serie:

Y no lo olvides, todos nuestros tutoriales están disponibles para ser descargados en formato PDF!

Hinaufgehen

Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, um die Benutzererfahrung zu verbessern. Mehr Informaticon