Share
Quizás la mayor alegría de la fotografía es compartir tu trabajo con otros y mostrar tus creaciones. El camino para obtener la imagen en línea, sin embargo, puede ser difícil. En este tutorial, te mostraré cómo exportar imágenes listas para la web con los mejores resultados.
Ya sea que sus imágenes se carguen en un sitio web o se envíen por correo electrónico a familiares y amigos, la compresión es necesaria. Crear imágenes para las capacidades restringidas de la web significa ponderar la compensación entre la calidad de la imagen y el tamaño del archivo de la imagen. A medida que aumenta la calidad de nuestra imagen, también lo hace el tamaño del archivo de la imagen..
Una parte clave del diseño para la web es la consideración de la experiencia del usuario (Tuts + tiene un curso fantástico en UX, si está interesado), o priorizar la capacidad del espectador para ver y navegar cómodamente el sitio. La carga rápida de páginas, que en parte está determinada por el tamaño del archivo de la página web, es una parte importante 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 ayuda enormemente a que los sitios se carguen rápidamente.
Como fotógrafos, estamos constantemente empujando contra esta barrera. Queremos imágenes grandes y gloriosas. Y aunque queremos que nuestras imágenes se vean geniales en la web, no desea forzar tiempos de carga lentos para nadie. El equilibrio es clave.
Cuando exportamos imágenes para la web desde Adobe Photoshop Lightroom, debemos considerar dos aspectos clave: tamaño y calidad.
Antes de sumergirnos en optimizar nuestras exportaciones, veamos una exportación básica en Lightroom.
Para comenzar una exportación, elija una imagen o serie de imágenes para exportar. Prefiero elegir las imágenes que quiero exportar de la tira de película. Una vez que haya seleccionado las imágenes para exportar, puede hacer clic con el botón derecho en Windows o con la tecla control y hacer clic en Mac para elegir Exportar> Exportar desde el menu contextual.
Para exportar una imagen, elija Exportar> Exportar en el menú contextual.Después de iniciar la exportación, aparecerá una nueva ventana con una variedad de opciones. Echemos un vistazo a la configuración clave que elegirá con cada exportación.
La ubicación de exportación designa el lugar donde se guardarán las imágenes terminadas. Puede elegir una carpeta desde el menú desplegable y marcar la casilla "Colocar en subcarpeta" si desea que las imágenes se coloquen todas en la misma carpeta.
Cada exportación también puede presentar su propia configuración de cambio de nombre. Si mantiene la opción predeterminada, sus imágenes tendrán el mismo nombre que los archivos originales, pero se guardarán como un tipo de imagen estándar, como JPEG. También puede marcar la casilla "cambiar el nombre a" y elegir una de las muchas plantillas de cambio de nombre que Lightroom ofrece para personalizar las imágenes exportadas.
El panel de configuración de archivos es uno de los que analizaremos un poco más a fondo cuando tratemos de encontrar el equilibrio entre calidad y tamaño del archivo. En esta pantalla, aquí están mis sugerencias para cada opción:
El tamaño de la imagen es otro panel que controla el tamaño de nuestras imágenes. Puede elegir las dimensiones así como el DPI de sus imágenes exportadas.
Cuando se trata de encontrar el equilibrio entre el tamaño del archivo y la calidad de la imagen, estos son los puntos clave a tener en cuenta:
La primera parte de una exportación eficiente es considerar el tamaño de la imagen en la web. El tamaño de una imagen es la dimensión real en píxeles de la imagen..
Cuando tus imágenes salen de la cámara, sus dimensiones son enormes. Por ejemplo, las imágenes de 22 megapíxeles de la Canon 5D Mark III miden hasta 5760 × 3840 píxeles. Sin embargo, la pantalla de mi laptop es de solo 1440 x 900 píxeles. ¿Ves el problema? Tenga en cuenta que las imágenes web son de nuevo más pequeñas que el ancho de nuestros monitores y la necesidad de cambiar el tamaño es clara.
Puede mostrar las dimensiones en bruto de una imagen en Lightroom presionando "i" en el teclado. Mostrará las dimensiones en píxeles de la imagen capturada. Aquí puede ver que las imágenes que salen de la cámara serán mucho más grandes de lo que es necesario para la web, donde las imágenes suelen tener 1000 píxeles de ancho o menos..Para los tutoriales en Tuts +, nuestras imágenes se redimensionan a 600 píxeles y tienen un tamaño máximo de archivo de 200 kilobytes. Esto asegura una carga rápida y, para la mayoría de las personas, esto hace el trabajo. Si estás leyendo esta página en tu teléfono inteligente, es probable que se cargue bastante rápido, incluso si estuvieras en una conexión lenta.
Mi forma favorita de exportar imágenes desde Lightroom es elegir la opción "Cambiar tamaño para que se ajuste -> Borde largo" en el diálogo de exportación. El tamaño de todas las imágenes será de 600 píxeles en su lado más grande, ya sea vertical u horizontal. El otro lado se calcula automáticamente. Esta es una gran opción cuando estoy exportando para Tuts +, donde todas las imágenes tienen 600 píxeles en el lado largo.En un mundo perfecto, siempre podríamos exportar imágenes con la máxima calidad. En realidad, descubrimos que las exportaciones de máxima calidad no siempre son necesarias. En los tamaños web, las diferencias en la calidad a menudo son difíciles de percibir, y eso significa que podemos reducir la calidad ligeramente y reducir el tamaño del archivo en gran medida.
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 significativamente el tamaño del archivo.
La imagen de arriba muestra la comparación en calidad con las distintas configuraciones del control deslizante. En la configuración de calidad más baja, definitivamente puedes ver algunas bandas en el cielo. A medida que aumenta la calidad, también lo hace el nivel de detalle en las calles y en el hogar, pero tiene el costo de un archivo más grande como se muestra a continuación.| Ajuste de la calidad de Lightroom | Tamaño del archivo de imagen en la exportación |
|---|---|
| 25 | 91kb |
| 50 | 122kb |
| 75 | 168kb |
| 100 | 366kb |
Dados los resultados anteriores, probablemente seleccionaría la exportación de 75 de calidad. Alcanza el equilibrio correcto de calidad y ajuste Tuts + límite de imágenes de 200 kb.
Un paso importante para exportar imágenes para la web es incluir el perfil de color adecuado en sus exportaciones. Daniel Sone tiene un excelente informe sobre Tuts + sobre los espacios de color, pero con el propósito de exportar en Lightroom, asegúrese de incrustar el perfil de color sRGB.
Al exportar para la web, siempre me aseguro de haber seleccionado "sRGB" como mi espacio de color para obtener los mejores resultados.Incluso al exportar para la web, hay varios escenarios diferentes que afectarán su configuración. Aunque estamos optimizando el tamaño del archivo, hay ocasiones en que se requieren imágenes de mayor calidad o resolución. Es por eso que los presets de exportación son increíblemente útiles; puede crear varias opciones diferentes y utilizarlas para los diferentes tamaños de destino.
En la ventana de exportación, guardar la configuración actual para exportar es muy fácil. Después de haber elegido todos los ajustes de exportación, presione el botón "+" y guarde sus ajustes preestablecidos listos para la web.
Una vez que haya agregado las reglas de tamaño y calidad, no olvide guardar algunos "Ajustes preestablecidos de exportación" presionando Agregar. Guardará todas tus reglas; Recomiendo construir varios para tus diversos objetivos web.En este tutorial, aprendió algunas de las mejores prácticas e ideas para una exportación eficiente para la web. La compresión de sus imágenes para la web garantiza que los espectadores las carguen rápidamente. Con los ajustes correctos, aún podemos mantener una alta calidad..
Accentsconagua