{"id":509,"date":"2019-10-31T16:49:01","date_gmt":"2019-10-31T15:49:01","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=509"},"modified":"2021-03-01T17:15:44","modified_gmt":"2021-03-01T16:15:44","slug":"tutorial-como-preparar-tus-fotografias-para-web-con-adobe-lightroom","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/tutorial-como-preparar-tus-fotografias-para-web-con-adobe-lightroom","title":{"rendered":"Tutorial: c\u00f3mo preparar tus fotograf\u00edas para web con Adobe Lightroom"},"content":{"rendered":"<p>A veces visitamos la web de un fot\u00f3grafo con im\u00e1genes muy interesantes, pero de poca definici\u00f3n y bordes borrosos. Otras veces vemos fotos de una nitidez cristalina pero en una web que funciona con lentitud. En ambos casos, la causa puede ser una preparaci\u00f3n incorrecta los ficheros <em>jpg<\/em>.<\/p>\n<h2>El problema: nitidez frente a velocidad de descarga<\/h2>\n<h5><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4788 size-full\" title=\"compare\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg.jpg\" alt=\"Comparaci\u00f3n de niveles de compresi\u00f3n de una imagen en jpg\" width=\"1600\" height=\"1047\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg.jpg 1600w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg-300x196.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg-768x503.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg-1024x670.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/grados-compresion-jpg-900x589.jpg 900w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><br \/>\nUna foto de compresi\u00f3n jpg excesiva frente a la compresi\u00f3n \u00f3ptima<\/h5>\n<p>El formato jpg es el habitual en fotograf\u00edas para web. Se trata de un formato que admite distintos grados de <em>compresi\u00f3n<\/em>, es decir, una misma imagen puede ocupar o \u00abpesar\u00bb 100, 200 \u00f3 500kb. A mayor compresi\u00f3n, menos peso y por tanto m\u00e1s velocidad a la hora de descargarse de una web, pero tambi\u00e9n menos nitidez y peor fidelidad de color.<\/p>\n<p>Lo importante es encontrar el equilibrio entre calidad y peso de una imagen. En una escala de 0 a 10, siendo 10 la nitidez m\u00e1xima, podemos situar ese punto de equilibrio en torno al 7.<\/p>\n<h2>Dos modos de trabajar: foto a foto o por lotes<\/h2>\n<p>Supongamos que partimos de un reportaje en el que hemos hecho una preselecci\u00f3n y nos hemos quedado con unas 100 im\u00e1genes entre las que queremos escoger 30 para publicarlas en nuestra web de fotograf\u00eda.<\/p>\n<p>El m\u00e9todo <em>tradicional<\/em> -si se nos permite la expresi\u00f3n- es abrir las im\u00e1genes una por una en Photoshop, escalarlas al tama\u00f1o final, aplicar alg\u00fan filtro de enfoque y finalmente usar el comando <em>Archivo \/ Exportar \/ Guardar para web<\/em>\u00a0para escoger un grado de compresi\u00f3n para la imagen de forma que se mantenga la nitidez con el menor peso posible.<\/p>\n<p>Afortunadamente, una alternativa es usar Lightroom para todos los pasos: seleccionar, escalar, exportar a jpg y, enfocar las im\u00e1genes.<\/p>\n<h2>El proceso con Lightroom<\/h2>\n<h3>1. Seleccionar las im\u00e1genes<\/h3>\n<p>Un m\u00e9todo muy pr\u00e1ctico es crear una <em>Colecci\u00f3n<\/em> y usarla para almacenar las fotos seleccionadas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4787 size-full\" title=\"Creando una colecci\u00f3n en Lightroom\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom.jpg\" alt=\"Crear una colecci\u00f3n de fotos en Lightroom\" width=\"2048\" height=\"1338\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom.jpg 2048w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom-300x196.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom-768x502.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom-1024x669.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/crear-coleccion-lightroom-900x588.jpg 900w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><br \/>\nUn truco: marcar la casilla <em>Establecer como colecci\u00f3n de destino<\/em> en el momento de crear la colecci\u00f3n, o bien pulsar el bot\u00f3n derecho del rat\u00f3n sobre el nombre de la colecci\u00f3n y escoger <em>Definir como colecci\u00f3n de destino<\/em>. Con esto agilizaremos la selecci\u00f3n de fotos como veremos a continuaci\u00f3n.<\/p>\n<p>En el modo <em>Biblioteca<\/em>, escogemos una imagen y la seleccionamos pulsando con el rat\u00f3n. Pulsamos la tecla <strong>B<\/strong>. Con esto hemos a\u00f1adido la foto a la colecci\u00f3n de destino. Repetimos el paso hasta seleccionar todas las fotos.<\/p>\n<h3>2. Escoger las opciones y exportar a JPG<\/h3>\n<p>Siguiendo en el m\u00f3dulo de <em>Biblioteca<\/em>, abrimos la colecci\u00f3n y seleccionamos todas las fotos. Pulsamos el bot\u00f3n <em>Exportar&#8230;<\/em> del panel izquierdo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4790 size-full\" title=\"Opciones de exportaci\u00f3n de Lightroom\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2.jpg\" alt=\"Ajustes de exportaci\u00f3n de fotos para web en Lightroom\" width=\"1460\" height=\"1348\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2.jpg 1460w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2-300x277.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2-768x709.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2-1024x945.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2011\/09\/ajustes-exportacion-lightroom-2-900x831.jpg 900w\" sizes=\"auto, (max-width: 1460px) 100vw, 1460px\" \/><\/p>\n<p>Las opciones que recomendamos:<\/p>\n<ul>\n<li><strong>Ajustes de archivo<\/strong>. Formato <strong>JPEG<\/strong>, espacio de color <strong>sRGB<\/strong> y una calidad de entre <strong>65<\/strong> y <strong>75<\/strong><\/li>\n<li><strong>Cambiar tama\u00f1o de imagen<\/strong>. Escogemos redimensionar para encajar en <strong>Anchura y altura<\/strong>. Introducimos las dimensiones del visor donde se van a ubicar las im\u00e1genes. De este modo decimos a Lightroom que las fotos no pueden exceder las dimensiones del visor. Para una web de fotograf\u00eda como las que creamos en\u00a0 <a href=\"https:\/\/bluekea.com\" target=\"_blank\" rel=\"noopener noreferrer\">Bluekea<\/a>, nuestras medidas recomendadas son de <strong>1400px de ancho<\/strong> en im\u00e1genes horizontales y <strong>1100px de alto<\/strong> en verticales. Para fotos que ocupan toda la pantalla, por ejemplo en portadas con pase de im\u00e1genes de fondo, recomendamos <strong>1920px<\/strong>\u00a0de ancho. La resoluci\u00f3n no es importante tal como <a href=\"https:\/\/bluekea.com\/blog\/consejos-para-tu-web\/cual-es-la-resolucion-correcta-para-fotografia-en-web\" target=\"_blank\" rel=\"noopener noreferrer\">explicamos en este art\u00edculo<\/a>, podemos dejar el valor por defecto.<\/li>\n<li><strong>Enfoque de salida<\/strong>. Seleccionamos <strong>Pantalla \/ Est\u00e1ndar<\/strong>.<\/li>\n<\/ul>\n<p>Listo. Cuando Lightroom finaliza el proceso s\u00f3lo nos queda subir las fotos a la web.<\/p>\n<p>Os dejamos tambi\u00e9n este v\u00eddeo donde explicamos con m\u00e1s detalle cada uno de estos ajustes, y vemos tambi\u00e9n c\u00f3mo exportar fotos para web en Photoshop:<\/p>\n<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/\/ahrUZPY-22Q\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><em><br \/>\nEste art\u00edculo fue publicado originalmente en 2011, y ha sido completamente revisado y actualizado por \u00faltima vez en octubre de 2019.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A veces visitamos la web de un fot\u00f3grafo con im\u00e1genes muy interesantes, pero de poca definici\u00f3n y bordes borrosos. Otras veces vemos fotos de una nitidez cristalina pero en una web que funciona con lentitud. En ambos casos, la causa puede ser una preparaci\u00f3n incorrecta los ficheros jpg. <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/tutorial-como-preparar-tus-fotografias-para-web-con-adobe-lightroom\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4788,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnica-digital"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":9,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions"}],"predecessor-version":[{"id":4841,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions\/4841"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/4788"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}