Optimización de imágenes para Web e impresión

No todos los tipos de archivos y modos de color se crean de la misma manera, por lo que cuando se trata de archivos de imagen, hay algunos pasos sencillos que puede seguir para optimizar su imagen para cualquier plataforma o medio para el que esté destinada su imagen, ya sea para impresión o uso web. Seguir estos pasos garantizará que sus imágenes se vean de la mejor manera, con una visualización en línea nítida y hermosos tonos de color en sus impresiones.

En esta publicación, lo guiaré a través de los conceptos básicos de cómo preparar sus imágenes para usar en la web, así como también cómo optimizar sus imágenes para imprimir.

Acciones de Photoshop para películas

Cómo optimizar imágenes para la Web

Comencemos con algunos términos que debe comprender:

Modo de color: RGB

Cualquier cosa basada en la luz (monitores de computadora y TV, teléfonos inteligentes y la pantalla LCD de su DSLR) utiliza el modo aditivo de 3 colores, que combina los colores rojo, azul y verde para producir todos los colores que vemos en nuestros monitores. . Es bastante sorprendente pensar que solo estos tres colores, en varias combinaciones, pueden crear tantos colores, ¿verdad?

Optimizar imágenes para la Web

El modo de color predeterminado de su DSLR es sRGB (RGB estándar, se conoce cariñosamente como “RGB tonto” porque no es la mejor calidad), e incluso cuando cambie los perfiles en la cámara mientras está disparando a, por ejemplo, Vivo o Neutral, seguirá estando en una forma del modo de color RGB.

Si siente la necesidad de volver a verificar su archivo en Photoshop para ver qué modo de color tiene, siga esta ruta:

Cómo optimizar imágenes para la Web

Tenga en cuenta que el método anterior es una forma sencilla de comprobar el modo de color. Cuando cambiemos los modos de color más adelante en el tutorial, usaremos un método más ajustado.

Resolución: píxeles por pulgada

La resolución de una imagen se mide en píxeles por pulgada (ppp). los resolución mínima para una imagen que se carga en línea es de 72 ppp. Cualquier cantidad menor a 72ppi resultará en:

  1. Mala calidad
  2. Una imagen muy pequeña

¡”Pixeles por pulgada” es exactamente lo que suena también! El término simplemente describe el número de píxeles de una imagen. Si ampliamos y comparamos la cantidad de píxeles en una imagen a 72ppi versus 300ppi, veremos muchos más píxeles:

Comprimir imágenes para la Web

El pequeño cuadro delimitador rectangular en la foto de arriba representa el área en la que hicimos zoom. A 72ppi, aparecen muchos más colores, mientras que a 300ppi, no hay tantos. Esto se debe a que 300ppi es una resolución mucho más alta, por lo que la imagen tiene más detalles (píxeles) por pulgada.

También puede pensarlo de esta manera: en la imagen de 72ppi, tiene mucha información comprimida en un archivo más pequeño, mientras que a 300ppi, la información está más dispersa.

Cuando comparta sus imágenes en línea, asegúrese de subirlas a una resolución baja (72ppi siempre es un buen número) ya que esto hará que su blog y página web se carguen mucho más rápido y ocupen menos espacio de almacenamiento, lo cual es ideal cuando su sitio web tiene un límite de almacenamiento. . También es un pequeño impedimento para las personas que toman su imagen sin su consentimiento.

Los mejores tipos de archivos para la Web: JPEG, PNG, PDF, BMP

Las extensiones de archivo enumeradas anteriormente son las extensiones más utilizadas para medios basados ​​en web. Son archivos comprimidos, lo que significa que son archivos más pequeños que, como comentamos anteriormente, ayudan a que las imágenes se carguen más rápido en un navegador web.

Dado que estos tipos de archivos son archivos comprimidos, NO se recomiendan al imprimir sus imágenes; lo abordaremos en la siguiente sección a continuación.

Cómo optimizar fotos para imprimir

Si bien sus imágenes RGB pueden verse fantásticas en la pantalla, una vez impresas, es posible que les falte algo: a menudo serán más oscuras o perderán saturación. Esto se debe a que los colores RGB están optimizados para la visualización en pantalla, no impresión.

Para aprovechar al máximo sus impresiones, deberá cambiar a …

Modo de color: CMYK

Utilizado para impresión y tinta, este modo sustractivo de 4 colores produce todos los colores utilizando una combinación de cian, magenta, amarillo y negro. La mayoría de nuestras impresoras para el hogar utilizan una combinación de estos cuatro colores en su tinta.

El mejor formato de archivo para imprimir

En muchos casos, su empresa de impresión especificará que sus archivos se conviertan a CMYK cuando los envíe para su impresión. También pueden sugerirle que descargue un perfil de color personalizado de su sitio web.

Si está imprimiendo en casa, asegúrese de convertir sus archivos de imagen a CMYK antes de imprimir. Esto asegurará que sus imágenes estén optimizadas para imprimir.

Para convertir archivos a CMYK en Photoshop, seleccione Editar> Convertir a perfil> Trabajo CMYK y luego seguir las indicaciones.

Cómo guardar una imagen de alta resolución en Photoshop

Guardar para imprimir en Photoshop

Nota: Es importante convertir su archivo a CMYK de esta manera en lugar de la forma en que verificamos nuestro modo de color anteriormente. Al seleccionar Convertir a perfil se crea un perfil más detallado. Puede que vea o no algún tipo de cambio en la imagen RGB en comparación con la imagen CMYK en su pantalla, pero verá una diferencia significativa cuando se imprima su imagen.

Resolución: puntos por pulgada

Como fotógrafos, los puntos por pulgada (DPI) no aumentarán tanto como los píxeles por pulgada (PPI) ya que nuestro software de edición de fotografías, como Photoshop y Lightroom, miden nuestras imágenes en PPI, pero aún así no está de más entender qué es. A veces, su empresa de impresión utilizará el término DPI, por lo que es útil comprender lo que significan.

Al igual que la resolución del monitor de su computadora se mide en píxeles, la resolución o salida de una impresora se mide en puntos.

¿Sabes cómo en la impresión de un periódico puedes ver pequeños puntos dentro de la tinta? DPI es exactamente lo mismo. En lugar de imprimir píxeles, nuestras impresoras colocan muchos, muchos puntos para crear una impresión. Entonces, al igual que PPI, cuanto mayor sea el número de DPI, mejor será la resolución de impresión.

Los mejores tipos de archivos para imprimir: TIFF, PSD

¿Recuerda cómo hablamos de la compresión de archivos como JPEG? Cuando llega el momento de imprimir, queremos un tipo de archivo que contenga la mayor cantidad de información para una impresión óptima, es decir, no un archivo comprimido!

Los archivos PSD y TIFF son el tipo de archivo preferido para imprimir imágenes de alta resolución. Sin embargo, harán archivos muy grandes, por lo que querrá guardar un JPEG para cargarlo en línea y luego tener un TIFF o PSD separado para imprimir.

Descargue GRATIS su hoja de referencia de optimización de imágenes para web e impresión AQUÍ

Optimización de imágenes para la web y hoja de referencia impresa

¿Tiene alguna pregunta o comentario sobre la optimización de imágenes para Web e impresión? Déjanos un comentario abajo – ¡Nos ENCANTARÍA saber de usted! Y POR FAVOR COMPARTE nuestro tutorial usando los botones para compartir en redes sociales (realmente lo apreciamos)!

Acciones de Photoshop de retrato

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *