¿Todavía crees que necesitas reducir la resolución de tus imágenes antes de subirlas a la web? En este tutorial, aprenderá por qué no es cierto, y por qué la resolución no tiene ningún efecto en el tamaño del archivo o la velocidad de descarga.

En esta lección, la sexta de mi serie sobre cambiar el tamaño de las imágenes en Photoshop, veremos la resolución de la imagen, el tamaño del archivo, la creencia popular de que los dos están relacionados de alguna manera y por qué esa creencia es completamente errónea.

Muchas personas piensan que reducir la resolución de una imagen también reduce el tamaño del archivo de la imagen, lo que permite que se descargue más rápido en la web. Pero si bien es cierto que los archivos de menor tamaño se descargan más rápido, la resolución de su imagen no tiene nada que ver con su tamaño de archivo. En esta lección, mostraré por qué no existe una "resolución web" para una imagen, ¡y qué fácil es probarla!

Para seguir, puede abrir cualquier imagen en Photoshop. Descargué esta foto de Adobe Stock:

La imagen original Crédito de la foto: Adobe Stock.

Esta es la lección 6 de mi serie Image Resizing. ¡Empecemos!

Ver el tamaño de imagen actual

Para ver el tamaño actual de su imagen, vaya al menú Imagen en la barra de menú y elija Tamaño de imagen :

Ir a Imagen> Tamaño de imagen.

Esto abre el cuadro de diálogo Tamaño de imagen de Photoshop, con una ventana de vista previa a la izquierda y las opciones de tamaño de imagen a la derecha. La ventana de vista previa solo está disponible en Photoshop CC:

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

El tamaño de la imagen actual, tanto en píxeles como en megabytes, se encuentra en la parte superior. Junto a las palabras Tamaño de imagen, vemos que mi imagen actualmente ocupa 69.1M (megabytes) en memoria. Y al lado de la palabra Dimensiones, muestra que mi imagen tiene un ancho de 6016 píxeles y una altura de 4016 píxeles :

El tamaño actual de la imagen.

El valor de resolución actual

Si mira más abajo, encontrará la opción Resolución . Para mi imagen, la resolución está configurada actualmente en 300 píxeles por pulgada . El suyo puede estar configurado en un valor diferente, y eso está bien:

La resolución de imagen actual.

¿Qué es la resolución de imagen?

Entonces, ¿qué es exactamente la resolución de la imagen y qué hace realmente esta opción en el cuadro de diálogo Tamaño de imagen? Existe mucha confusión con respecto al valor de resolución, especialmente cuando se trata de cargar imágenes en la web. Comencemos por aprender qué significa realmente la resolución de imagen.

La resolución de imagen hace una cosa y solo una cosa; controla el tamaño que imprimirá su imagen. El valor de Resolución en el cuadro de diálogo Tamaño de imagen de Photoshop establece el número de píxeles de su imagen que se imprimirán por pulgada lineal de papel . Los valores de mayor resolución empaquetan más píxeles en una pulgada lineal, lo que resulta en un tamaño de impresión más pequeño . Y los valores de resolución más bajos contienen menos píxeles por pulgada, lo que nos da un mayor tamaño de impresión.

Cómo afecta la resolución de la imagen al tamaño de impresión

Por ejemplo, una resolución de 300 píxeles por pulgada significa que 300 píxeles del ancho de la imagen se empaquetarán en cada pulgada de papel de izquierda a derecha. También significa que 300 píxeles desde la altura de la imagen se empaquetarán en cada pulgada de papel de arriba a abajo.

Para determinar el tamaño de impresión real, simplemente dividimos el ancho y el alto de la imagen, en píxeles, por el valor de resolución. Entonces, con mi imagen, un ancho de 6016 píxeles, dividido por el valor de resolución de 300 píxeles / pulgada, significa que mi imagen se imprimirá en un ancho de aproximadamente 20.053 pulgadas . Y podemos hacer lo mismo con la altura. Una altura de 4016 píxeles dividida por 300 píxeles / pulgada significa que la altura de mi imagen, cuando se imprima, será aproximadamente de 13.387 pulgadas .

Ver el tamaño de impresión actual

Directamente sobre el valor de Resolución en el cuadro de diálogo Tamaño de imagen están las opciones Ancho y Altura . Para ver el tamaño de impresión actual de su imagen, cambie el tipo de medida para el Ancho y la Altura de Píxeles a Pulgadas . Y aquí vemos que, efectivamente, con una resolución de 300 píxeles / pulgada, mi imagen se imprimirá 20.053 pulgadas de ancho y 13.387 pulgadas de alto. Y eso es todo lo que hace la resolución de imagen. Controla el tamaño que imprimirá su imagen, y nada más:

El tamaño de impresión basado en la resolución actual.

Por qué la resolución de la imagen no afecta el tamaño del archivo

Entonces, ahora que sabemos que la resolución de la imagen controla el tamaño de impresión de una imagen, veamos por qué el valor de la resolución no tiene efecto en el tamaño del archivo de su foto.

Muchas personas creen que, antes de enviar una imagen por correo electrónico o subirla a la web, debe reducir su resolución, generalmente a 72 píxeles / pulgada. La idea es que al reducir la resolución, se reduce el tamaño del archivo, lo que permite que la imagen se descargue más rápido. Y sí, los archivos de menor tamaño se descargan más rápido. Pero reducir la resolución no reduce el tamaño del archivo.

La razón es que, como aprendimos en la lección anterior, el tamaño del archivo de una imagen depende completamente de sus dimensiones en píxeles . Es decir, el número de píxeles en el ancho y el número de píxeles en la altura. Cambiar la resolución de impresión no cambia el número de píxeles y, por lo tanto, no tiene ningún efecto en el tamaño del archivo. Y podemos probarlo muy fácilmente en el cuadro de diálogo Tamaño de imagen de Photoshop.

La opción de remuestreo

Primero, debemos asegurarnos de que solo estamos cambiando la resolución y no la cantidad de píxeles. Y lo hacemos asegurándonos de que la opción Resample directamente debajo del valor de Resolución esté desactivada (sin marcar). El remuestreo significa que estamos cambiando la cantidad de píxeles. Y si cambiamos la resolución mientras Resample está activado, las dimensiones en píxeles cambiarán junto con él. En este caso, queremos cambiar solo el valor de resolución, así que asegúrese de que Resample esté desactivado:

Desactivar la opción Resample.

El tamaño actual de la imagen, las dimensiones en píxeles y la resolución

Tenga en cuenta que, a una resolución de 300 píxeles / pulgada, mi imagen actualmente tiene un tamaño de archivo de 69.1 megabytes . Y tiene un ancho de 6016 píxeles y una altura de 4016 píxeles . Le muestro exactamente cómo se relacionan el tamaño de la imagen y las dimensiones de píxeles en mi tutorial sobre cómo calcular el tamaño de la imagen:

El tamaño y la resolución del archivo actual.

Bajar el valor de resolución

Reduciré la resolución de 300 píxeles / pulgada a esa popular "resolución web" de 72 píxeles / pulgada :

Bajando la resolución de la imagen.

Pero a pesar de que el valor de resolución se ha reducido, las dimensiones de los píxeles no han cambiado. La imagen todavía tiene 6016 píxeles de ancho y 4016 píxeles de alto. Y debido a que las dimensiones de los píxeles no han cambiado, el tamaño del archivo tampoco ha cambiado. Sigue siendo exactamente igual que antes a 69.1M :

Bajar la resolución no cambió el tamaño del archivo o las dimensiones en píxeles.

De hecho, lo único que cambió fue el tamaño de impresión de la imagen. Al reducir la resolución a solo 72 píxeles / pulgada, el ancho de la imagen, cuando se imprime, ha aumentado de 20 pulgadas a más de 83 pulgadas . Y la altura de la impresión también ha aumentado, de 13 pulgadas a casi 56 pulgadas . Pero, si bien el tamaño de impresión ha cambiado drásticamente, el tamaño del archivo no ha cambiado en absoluto, por lo que la imagen no se descargaría más rápido si la cargara en la web:

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

Puede obtener más información sobre el origen de la idea de una "resolución web" en mi artículo sobre el mito de la resolución web de 72ppi.

Aumentar el valor de resolución

Veamos qué sucede si hacemos lo contrario y aumentamos la resolución. Lo elevaré de 72 píxeles / pulgada a algo loco, como 3000 píxeles / pulgada, que está más allá de cualquier cosa que pueda necesitar. Le muestro exactamente cuánta resolución necesita para impresiones de alta calidad en mis imágenes de cambio de tamaño para la lección de impresión en esta serie:

Aumentando la resolución de la imagen.

Nuevamente, vemos que si bien la resolución ha cambiado, las dimensiones de los píxeles no. Y debido a que las dimensiones en píxeles son las mismas, el tamaño del archivo también permanece igual:

El aumento de la resolución no cambió el tamaño del archivo o las dimensiones en píxeles.

Como se esperaba, lo único que cambió fue el tamaño de la impresión. Con una resolución de 3000 píxeles / pulgada, la imagen ahora se imprimirá con solo 2.005 pulgadas de ancho y solo 1.339 pulgadas de alto. Pero no se verá diferente en su pantalla, y no se descargará más rápido o más lento:

Aumentar la resolución nuevamente cambió el tamaño de impresión pero no el tamaño del archivo.

Si necesita cambiar el tamaño del archivo de su imagen, deberá cambiar la cantidad de píxeles. Le muestro exactamente cómo hacerlo en mi tutorial para cambiar el tamaño de las imágenes para correo electrónico y para compartir fotos.

¡Y ahí lo tenemos! ¡Es un vistazo rápido a cómo la resolución de la imagen y el tamaño del archivo están relacionados, o no, en Photoshop! En la próxima lección de esta serie, veremos los desafíos de cambiar el tamaño de pixel art, capturas de pantalla y tipos similares de gráficos, ¡y cómo obtener los mejores resultados!

O echa un vistazo a los tutoriales anteriores de esta serie:

  • 01 - Píxeles, tamaño de imagen y resolución
  • 02 - Comando Tamaño de imagen de Photoshop - Características y consejos
  • 03 - Cómo cambiar el tamaño de las imágenes para imprimirlas con Photoshop
  • 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!

Categoría:

Conceptos básicos de Photoshop