Como preparar imágenes para la web
El internet es sin duda una plataforma espectacular para presentar nuestras imágenes. En instantes están en frete un público internacional y de allí viajan por el espacio cibernético. Es bueno aplicar el copyright e información de contacto a la imagen, así nos pueden contactar. También deberíamos redimensionar las imágenes para que carguen más rápido y también, ya que estamos, convertir los colores al espacio de color sRGB, para tener un poco de control sobre como lucen las imágenes. Si bien esto depende mucho de la pantalla en que se ve, si un poco de control tenemos, porque no usarlo.
Es importante que tu camera y todos los programas que uses no estén en sRGB sino en AdobeRGB 1998 y que convertís la copia que subís al internet. Escribí sobre espacio de color e imagen digital.
Para las dimensiones depende donde publicas las imágenes. Si por ejemplo publicas en Facebook, no tiene sentido que la imagen sea muy grande, porque la nunca se ve en pantalla completa. Las pantallas hoy en día están al rededor de 1200 a 1400 pixeles, hay mas chicas y mas grandes, pero esto es la tendencia.
Empezamos con el copyright y información de contacto. En Photoshop vas a file -> file info. Hay unas cuantas categorías de Metadata para aplicar, pero en este caso solo nos interesa el de descripción. Clica en descripción
Aquí podes introducir el nombre de la imagen, palabras claves para la búsqueda y otras cosas. Las que deberías completar son: Author = tu nombre y Author title: fotógrafo. Mas abajo esta la sección del copyright, donde cambias el estado del copyright de unknown a copyrighted.
En copyright notice pones algo como © año tu nombre y copyright url la dirección de tu web site. Una vez completado los campos cliquea ok y al guardar la imagen se aplicaran los metadatos.
Si usas Lightroom es igual de fácil. En el módulo de library en el panel derecho, hay una sección metadata, lo primero en metadata es una lista llamada preset. Abrila y selecciona custom y se abre una ventana parecida a la de photoshop. Completa los mismos campos pero antes de clicar ok arriba de todo donde dice preset custom, cliquea y selecciona la última opción: “save current settings as new preset” y dale un nombre.
Ahora cliquea ok y hace una cosa más: cliquea sobre el botón import a la izquierda inferior y en el dialogo que se abre, a la derecha en” apply during import” seleccionas el preset recién creado. Ahora todas la imágenes que importas en lightroom, tedran automáticamente la información de contacto y de copyright aplicado y no te tienes que preocupar de este asunto.
Redimensionar en Photoshop
Ir a image -> image size: en el dialogo que se abre te fijas que Photoshop conservera las proporciones entre altura y ancho marcado con un candado. Cambias las unidades a pixeles elegís algo entre 600 y 800 pixeles para el lado más largo y Photoshop adapta automáticamente el lado más chico. Y cliqueas ok.
Es muy importante que ahora NO guardes la imagen, porque Photoshop la guardará un estas dimensiones. En lugar de guardar vas a guardar para web en el menú file o en Windows SHIFT + CTRL +ALT +S o en mac SHIFT + Command + Option +S y se abre un dialogo.
A la derecha seleccionas el tipo de archivo .jpg para fotografías y fijas un porcentaje de información que quieres conservar en la imagen. Photoshop tiene como predefinido 60% si no lo cambiaste. Y activas la opción “convert tos RGB”. Cliquea ok, dale un nombre y definí un lugar, y dale otra vez ok.
Ahora de vuelta es importante que no guardas la imagen. Ciérrala y cuando Photoshop pregunta si quieres guardar los cambios, cliqueas NO! Para conservar la imagen en el tamaño original.
En Lightroom el proceso es más fácil. Lightroom no tiene opciones de guardar archivosAsi que vamos a exportar. Hay varia maneras de llegar al dialogo de export, con clic derecho sobre la imagen o con la imagen o imágenes selecionadas cliqueas el botón export a la derecha inferior en el módulo library o con el atajo SHIFT + CTRL + E en Windows o SHIFT + Command +E en mac. Hay una manera atravez del menú, pero no tiene sentido pasar por tantos paso.
En el dialogo de exportación elegís el lugar, más abajo en “File Settings” elegís jpg y el porcentaje. En “Image Settings” seleccionas el color space sRGB y las dimensiones W: 800 px y H: 800 px, para el ancho y la altura. Lightroom pasa automáticamente el lado más largo a esta dimensión y adapta el otro en proporción. Y antes de cliquear ok, a la izquierda debajo presets cliqueas add para crear un nuevo preset. Le das un nombre, como web-image asi la próxima ves solo tienes que ir al dialogo export y cliquear el preset y listo.