Técnica electrónica > Cámara digital > Fotografía > Postprocesamiento > Cómo exportar archivos JPG para la web de Adobe Photoshop Lightroom

Cómo exportar archivos JPG para la web de Adobe Photoshop Lightroom


Tal vez el mayor placer de la fotografía está compartiendo su trabajo con los demás y mostrar sus creaciones. El camino de conseguir la imagen en línea, sin embargo, puede ser difícil. En este tutorial, te voy a mostrar cómo exportar imágenes para la Web con los mejores resultados.

La danza de compresión

Ya sea que sus imágenes se cargan en un sitio web o por correo electrónico a la familia y amigos, la compresión es necesaria. La creación de imágenes de las capacidades restringidas de la web significa que pesa el equilibrio entre la calidad de la imagen y el tamaño del archivo de la imagen. Medida que aumenta nuestra calidad de imagen, también lo hace el tamaño del archivo de la imagen.

Una parte clave del diseño de la web es la consideración de la experiencia del usuario (Tuts + tiene un curso fantástico en UX, si está interesado ), o dar prioridad a la capacidad del espectador para ver cómodamente y navegar por el sitio. Rápida carga la página, que está en parte determinada por el tamaño del archivo de la página web, es una gran parte de la experiencia del usuario. Las imágenes son ahora el 62% del peso del tráfico web. Mantener imágenes pequeñas en tamaño de archivo en gran medida ayuda a sitios cargan rápidamente.

Como fotógrafos, estamos constantemente empujando contra esta barrera. Queremos grandes, gloriosas imágenes. Y aunque queremos que nuestras imágenes tengan un aspecto muy bien en la web, que no quiere forzar a los tiempos de carga lentos a nadie. El equilibrio es clave

Cuando exportamos imágenes para la web de Adobe Photoshop Lightroom, tenemos que tener en cuenta dos aspectos fundamentales:.. El tamaño y la calidad

Exportación de Lightroom

Antes de profundizar en la optimización de nuestras exportaciones, vamos a caminar a través de una exportación básica en Lightroom.

elegir una imagen

Para iniciar una exportación, elegir una imagen o serie de imágenes para exportar. Yo prefiero elegir las imágenes que desea exportar desde la tira de película. Después de seleccionar las imágenes para exportar, puede hacer clic derecho en Windows o control + clic en Mac para elegir Export > Exportar en el menú contextual
Para exportar una imagen, seleccione Export >.; Exportar en el menú contextual.
Después de iniciar la exportación, una nueva ventana aparecerá con una variedad de opciones. Vamos a echar un vistazo a la configuración de teclas que voy a elegir con cada exportación.

Exportar Ubicación y
La ubicación de exportación designa donde se guardarán las imágenes terminadas. Puede elegir una carpeta de formar el menú desplegable, y marque la casilla "Poner en subcarpeta" si desea que las imágenes colocadas en la misma carpeta. Naming

Archivo

Cada exportación puede también contará con su ajustes de cambio de nombre propio. Si usted se pega a la opción por defecto, las imágenes tendrán el mismo nombre que los archivos originales, pero guarda como un tipo de imagen estándar, tal como JPEG. También puede marcar la casilla "cambiar el nombre de" caja y elegir una de las muchas plantillas de cambio de nombre que Lightroom ofrece para personalizar las imágenes exportadas.

Configuración de archivos

El panel de configuración de archivos es una Tendremos discutir un poco más en profundidad cuando estamos tratando de encontrar el equilibrio de la calidad y tamaño de archivo. En esta pantalla, aquí están mis sugerencias para cada opción:

Formato de imagen: JPEG, casi siempre, sobre todo si las imágenes están obligados por la web

Espacio de color: sRGB siempre


calidad: el botón deslizante le permite elegir la calidad de la imagen que se exporta; un número bajo es una baja calidad, pequeño archivo; arrastrando el control deslizante a la derecha aumenta tanto la calidad de imagen y tamaño de archivo

tamaño del archivo Limitar a: También podemos marcar la opción "límite de tamaño de archivo" para poner un límite en el tamaño del archivo de los salvados imagen

tamaño de imagen

dimensionamiento la imagen es otro panel que controla el tamaño de nuestras imágenes. Se pueden elegir las dimensiones, así como el DPI de las imágenes exportadas.

Exportar para la Web

Cuando se trata de encontrar el equilibrio entre el tamaño de archivo y calidad de imagen, aquí están las cosas principales a Considera:

tamaño

la primera parte de una exportación eficiente es tener en cuenta el tamaño de la imagen en la web. El tamaño de una imagen es de las dimensiones en píxeles reales de la imagen.

Cuando sus imágenes salen de la cámara, sus dimensiones son enormes. Por ejemplo, las 22 imágenes megapíxel de la medida Canon 5D Mark III fuera a 5760 × 3840 píxeles. Sin embargo, la pantalla de mi portátil es sólo de 1440 x 900 píxeles. Ver el tema? Factor en el hecho de que las imágenes Web, son una vez más pequeño que el ancho de nuestros monitores y la necesidad de cambio de tamaño es clara. Todo lo que pueda mostrar las dimensiones en bruto de una imagen en Lightroom con la tecla "i" en el teclado. Se mostrará las dimensiones en píxeles de la imagen capturada. Aquí se puede ver que las imágenes que salen de la cámara será mucho más grande de lo necesario para la web, donde las imágenes son típicamente 1000 píxeles de ancho o menos.
Para tutoriales sobre Tuts +, nuestras imágenes cambian de tamaño a 600 píxeles y tener una tamaño de archivo máximo de 200 kilobytes. Esto asegura una carga rápida y, para la mayoría de las personas, esto hace el trabajo. . Si usted está leyendo esta página en su teléfono inteligente, es muy probable que carga bastante rápido, incluso si estaban en una conexión lenta
Mi forma favorita para exportar imágenes de Lightroom es elegir el "Cambio de tamaño para adaptarse a - > borde largo "opción en el diálogo de exportación. Este tamaño de todas las imágenes voluntad de ser 600 píxeles en su lado más grande, ya sea vertical u horizontal orientada. Por otro lado se calcula automáticamente. Esta es una gran opción cuando estoy exportación de Tuts +, en donde todas las imágenes son 600 píxeles en el lado largo.
Calidad

En un mundo perfecto, siempre podríamos exportar imágenes a la máxima calidad. En realidad, nos damos cuenta que no siempre son necesarias las exportaciones de máxima calidad. En tamaños web, las diferencias de calidad son a menudo difíciles de percibir, y eso significa que podemos dejar caer la calidad ligeramente y reducir en gran medida el tamaño del archivo.

En el extremo superior de la escala de calidad hay rendimientos decrecientes. La diferencia en la calidad percibida entre un ajuste de calidad de 90 y 100 es difícil de ver, pero aumenta el tamaño del archivo de manera significativa.
La imagen de arriba muestra la comparación de la calidad con los distintos configuración del control deslizante. En la posición más baja calidad, definitivamente se puede ver algunos de bandas en el cielo. A medida que aumenta la calidad, también lo hace el nivel de detalle en las treets y el hogar, sino que viene a costa de un archivo más grande, como se muestra a continuación.
Configuración de Calidad de Lightroom

Tamaño de imagen del archivo de exportación
2591kb50122kb75168kb100366kb
En vista de los resultados anteriores, que probablemente seleccionar la exportación de 75 calidad. Se establece el equilibrio correcto de calidad y montaje Tuts + límite de imágenes 200 KB.

perfiles incrustados para la web

Un paso importante freno para la exportación de imágenes para la web es incluir el correcto perfil de color en sus exportaciones. Daniel Sone tiene una gran escritura sobre Tuts + todo sobre espacios de color, pero con el propósito de exportar en Lightroom, asegúrese de que incrustar el perfil de color sRGB.
Al exportar para la web, siempre me aseguro que he seleccionado "sRGB "como mi espacio de color para los mejores resultados.
ajustes preestablecidos para exportar

Incluso cuando se exporta para la web, hay una serie de escenarios diferentes que afectarán los ajustes. A pesar de que estamos optimización de tamaño de archivo, hay ocasiones en las que se requiere una mayor calidad o imágenes de mayor resolución. Por eso ajustes preestablecidos de exportación son muy útiles; usted puede construir varias opciones diferentes y utilizarlos para los diferentes tamaños de destino.

En la ventana de exportación, de guardar los ajustes actuales para la exportación es muy fácil. Después de elegir todos los ajustes de exportación, pulse el botón "+" y guardar los ajustes preestablecidos para la Web.
Después de añadir las reglas de cambio de tamaño y de calidad, no se olvide de salvar a algunos "Exportar Presets" pulsando Añadir. Se guardará todas sus reglas; Yo recomiendo la construcción de varios de sus diversos objetivos web.
El Llevar

En este tutorial usted aprendió algunas mejores prácticas e ideas para exportadores eficientes para la web. La compresión de imágenes para la web asegura que los espectadores se carga rápidamente. Con la configuración correcta, todavía podemos mantener una alta calidad. Guía
PhotographyThe diseñadores web 'a Foto SelectionMarko Prljic
compresión JPEG Post-ProcessingFacebook: Cómo obtener la mejor calidad de imágenes en su TimelineMarie Gardiner ¡Excepto para WebSave para Web: Una mejor compresión JPEG con Adobe PhotoshopMarie Gardiner