Ha llegado el día :
- Ya sabes todo lo que necesitas sobre optimización de fotografías para la web.
- Tienes las herramientas.
- Conoces sus características, tanto fortalezas como puntos débiles.
- Estás preparado para elegir tus “armas de optimización”.
Entonces, ¿a qué esperas? ¿No te atreves a casarte con ninguna? ¿Te da miedo equivocarte y terminar atado a un programa que no te conviene, pero que no cambias por falta de tiempo o pereza?
Tranquilo, no eres el único al que le ha ocurrido esto. Y no estás solo.
Te traigo la solución a tus problemas:
Mi flujo de trabajo optimizando fotografías para la web.
- ¿Es la única opción posible? Por supuesto que no.
- ¿Funciona? A la perfección . Lo tengo comprobado.
¿Quieres conocer mi método personal? Pues, como dijo Jack, vamos por partes.
Las herramientas
Algo que siempre debes tener en cuenta:
A mayor independencia entre programas y aplicaciones, más libertad de movimiento.
¿Deseas ser libre? Sigue leyendo…
WordPress
Está claro; he elegido WordPress por su carácter de plataforma abierta. Por lo tanto, lo último que quiero es pillarme los dedos con temas o plugins que me cierren esas puertas.
Consejo :
Elige una plantilla de WordPress sin funcionalidades .
Así, no perderás información cuando la cambies (y acabará sucediendo, te lo garantizo).
Lightroom
A falta de una plataforma fotográfica libre, Lightroom es la herramienta propietaria con más virtudes para un fotógrafo profesional en el mercado.
- Dispones de toda la información que necesitas para sacarle chispas en la red.
- Consta de plugins que extienden sus funcionalidades.
- Recibe actualizaciones constantes.
- Es asequible. El paquete fotográfico, que también incluye Photoshop, cuesta 12€ mes. ¿Eres fotógrafo profesional? Pues considera esto como una inversión más que razonable. Sale a cuenta incluso a los aficionados que vayan a hacer un uso intensivo de estos programas.
- ¡Oferta dos por uno! Lightroom:
- Te permite catalogar tus imágenes, algo vital si quieres mantener cierto orden en tus tropecientas mil fotos… Sí, no te rías, tú también tienes un número similar, ¡y lo sabes!
- Es la plataforma perfecta para revelar tus fotografías, ayudándote así a sacarle todo el jugo a los archivos RAW.
WP/LR Sync
Muy bien, tenemos Lightroom como software fotográfico y WordPress como plataforma para la web.
Ahora necesitamos que “hablen” entre ellos, para ahorrarnos tiempo con pasos innecesarios.
Hace poco te hablé de 5 plugins que permiten publicar imágenes directamente desde Lightroom a WordPress.
¿Por qué elegí WP/LR Sync?
- Primero, descarté las opciones que me obligaban a utilizar sus galerías, en lugar de la nativa de WordPress.
- Además, es muy importante para mí que las fotos sigan sincronizadas una vez publicadas en la web.
Como ves, con estos requisitos, sólo quedan dos opciones:
- El plugin de Automatic
- El plugin de Imagely
- El plugin de Envira
- FloLight ($99)
- WP/LR Sync ($20/año)
Y sí, en efecto, el plugin que uso desde hace más de un año para sincronizar Lightroom y WordPress es WP/LR Sync. Y es que, a parte de un buen precio, consta de un soporte excelente por parte del desarrollador. Estoy 100% satisfecho con él.
ImgOptimizer
Este servicio de optimización gratuito de Webempresa es perfecto para dar el retoque final a las fotografías de mi web.
Parece mentira. A pesar de que las imágenes ya llegan a ella casi perfectas, esta aplicación consigue disminuir su tamaño sin afectar a su calidad.
Ya conoces las herramientas. Ahora,
Mi flujo paso a paso.
Importar fotografías a Lightroom
Lo primero que hago es importar todas las imágenes de la tarjeta SD usando Lightroom al disco duro de mi ordenador.
A continuación incorporo palabras clave.
- Si son fotografías de un viaje, añado la ciudad, región o año.
- Se me ocurre que tú, por ejemplo, podrías introducir cliente, proyecto, producto…
Esto facilitará mucho la creación de colecciones inteligentes y futuras búsquedas.
¿Tienes una rutina diferente que se ajusta mejor a tu estilo?
¡Cuéntamela en los comentarios! Estoy seguro de que todos podríamos aprender algo.
Optimización SEO en Lightroom
Una vez que he elegido y revelado las imágenes destinadas a la web, pongo en práctica los trucos para mejorar el SEO de las fotografías:
- Cambio el nombre de fichero.
- Le pongo título.
- Asigno un atributo ALT. Bueno, esto en realidad lo realiza el plugin WP/LR Sync solito. Una maravilla, ¿no te parece? Luego te cuento más sobre él.
- En muy contadas ocasiones, inserto una leyenda o descripción.
Parámetros de exportación
En este momento, aplico todo lo que sé sobre cómo conseguir el peso ideal para cada fotografía.
Y si leíste el artículo que le dediqué a este tema, ¡tú también sabes cómo hacerlo!
Personalmente, yo trabajo con dos tamaños de exportación distintos:
- Uno para las imágenes del blog, con un ancho de 740px y 60% de compresión.
- Otro para las fotografías de mi portfolio, con 1024px y un máximo de 200KB de peso.
Aquí te dejo una captura de pantalla con los parámetros específicos que uso:
Por ahora, estoy satisfecho con estos settings. Me convence el equilibrio entre calidad y velocidad de carga que obtengo con el formato de 1024px. Sin embargo, es posible que en un futuro aumente las dimensiones de las imágenes para el portfolio a 2048px.
Transferir fotografías a WordPress con WP/LR Sync
¿Por qué estoy tan satisfecho con WP/LR Sync?
- Es compatible con todas las plantillas de WordPress.
- No requiere usar un plugin de galería privado, como en el caso de NextGEN y Envira.
- Tiene un precio muy razonable.
- Su desarrollador lo mejora de forma constante con nuevas actualizaciones .
- Te libera hasta de tu propio “YO del pasado” .
¿Qué? ¿No te lo crees?
Imagina:
- ¿Cambias de idea sobre las medidas y el grado de compresión de la foto? Pues modificas y vuelves a publicar las imágenes “retocadas” con un simple click.
- ¿Descubres que casi todos tus clientes tienen monitores Full HD y decides aumentar a 2048px las fotografías del portfolio? El cambio, a golpe de click.
- ¿Ya no te gusta tu marca de agua? UN CLICK.
¿Cuánto vale tu tiempo? ¿Te haces una idea de lo que te costaría tener que eliminar y volver a subir todos los archivos a mano?
Acepta el consejo:
No dejes que ninguna herramienta te haga su “prisionero”.
Estoy preparando un curso tutorial sobre el plugin WP/LR Sync. Así que, si no quieres perderte la primera edición (que saldrá con una oferta exclusiva para suscriptores), apúntate ya a la newsletter y ¡serás el primero en enterarte!
Optimización final en el servidor
Como ves, cuando las fotografías llegan a mi instalación de WordPress, ya están muy optimizadas. Aunque, aún se les puede retocar un poco más para disminuir algo su peso. Y es que, a la hora de cargar la página, ¡cada KB cuenta!
Este toque final lo realizo con el servicio gratuito de optimización de imágenes de Webempresa :
ImgOptimizer
- Esta herramienta consigue ahorrar unos pocos KB a mis fotografías sin pérdida perceptible de calidad. De hecho, éste es uno de los motivos por los que recomiendo Webempresa a los fotógrafos.
- ¡Sólo tiene una pega! Ahora mismo, elimina los metadatos automáticamente. Sin embargo, han prometido que este año sacarán una nueva versión que permitirá mantenerlos y elegir entre compresión lossy o lossless.
- Si no usas el hosting en Webempresa, o no quieres perder los metadatos de las imágenes, te recomiendo que utilices el plugin EWWW Image optimizer.
Conclusión
Mi flujo de trabajo para optimizar fotografías destinadas a la web se resume en 4 pasos:
Si te ha quedado alguna duda sobre uno de los pasos; o si tienes un flujo de trabajo que quieres compartir, ¡no te cortes! Lo ideal sería que cada uno encontrara su forma perfecta de optimizar fotografías según sus objetivos. Cuantas más opiniones y experiencias, ¡mejor para todos!
Luis Gago dice
¡Qué bueno Nahuai!
Sabías que estaba esperando este post, jeje… Me has dejado con mucha intriga con el Wp/LR y si es tan bueno como dices (que te creo) voy a tener que probarlo. Es cierto, yo pierdo una buena parte de mi valioso tiempo resubiendo fotografías mal etiquetadas o a las que posteriormente decido cambiar de resolución. Y si eso puede evitarse con un clic, a la larga me ahorraría un montón de tiempo.
Y me alegro mucho que decidas sacar tu primera formación, muy buena primicia ¡estás on fire!
Un abrazo,
Luis
Nahuai dice
¡Hola Luis!
Sisi, te aseguro que yo he ahorrado mucho tiempo gracias a este plugin.
Lo bueno es que se puede probar gratis una semana y ver cumple con tus expectativas.
La única pega es que la instalación y configuración para sacarle todo el partido puede resultar un poco complicada. Por eso he pensado en preparar un curso.
De hecho, estoy en conversaciones con el desarrollador para encargarme de la traducción al castellano. Así los que no se llevan del todo bien con el ingles lo lo tendrán más fácil.
¡Seguiré informando!
Un abrazo.
Roberto dice
Hola Nahuai, enhorabuena por tu post. Es muy interesante.
Acabo de instalar el pluging y he comprado una licencia de WP/LR Sync.
El problema que veo es que ahora tengo muchas imágenes ya subidas desde hace tiempo a mi wordpress. Cuando voy a WP/LR Sync–> Media Tools (desde WordPress) veo que puedo vincular las imagenes que ya tengo subidas en wordpress a mi Lightroom, pero necesito incluir un LR ID para linkearlo o Ignorar la imagen. Tienes experiencia en linkar imagenes? Exactamenet que he de poner en el campo LR ID?
Muchas gracias por tu atención.
Un saludo
Roberto M.
Nahuai dice
Hola Roberto!
Gracias por tus palabras.
Para vincular las fotografías que ya están en la biblioteca de medios, efectivamente tienes que introducir la LR ID. Se puede hacer manualmente o automáticamente. Para saber cual es el número tienes que ir a Lightroom y en el panel de la derecha, donde están los datos EXIF tienes que cambiar la vista de defecto (o como lo tengas configurado) a LR/WP Sync. Tengo pensado hacer un tutorial al respecto, pero mientras tanto puedes echar un ojo al del desarrollador:
https://meowapps.com/wplr-sync/total-synchronization/
Espero que te sea de ayuda.
Un saludo!
Alfonso dice
Hola Nahuai,
Gracias por el artículo, nosotros utilizamos wordpress , ImgOptimizer y lightroom por lo que habrás desducido que estamos alojados en webempresa.
No conocía esta forma de trabajar y me parece sencilla y muy practica sobre todo por los posibles cambios que se pueden hacer en tamaño y compresión de fotos.
Lo único que no me gusta de esta combinación es el borrado de datos EXIF y no encontramos ningún pluggin que nos permita en wordpress añadir algunos datos que me parecen muy interesantes en cada foto,: como las metatags y sobre todo la geolocalización.
¿Conoces algun pluggin de wordpress que pueda añadir esos datos o modificarlos desde la librería de medios de WordPress?.
Gracias por adelantado y por el artículo,
Nahuai dice
Hola Alfonso,
Pues estoy hablando con el equipo desarrollador de Optimizador.io (que es la versión plugin de ImgOptimizer) para que añadan la opción mantener los datos EXIF. Me han dicho que tienen intención de añadirlo en futuras actualizaciones.
De todas maneras, si que existen plugins de optimizado que te permiten mantener los datos EXIF. En este post recopilé los mejores plugins para hacerlo en el que indico cuales tienen esta opción.
Hasta que actualicen Optimizador.io te recomiendo WP Smush.
Cuando lancen la actualización de Optimizador.io prepararé un post, porque me gusta mucho los resultados que ofrece.
Espero que te resulte de ayuda.
¡Un saludo!
Jordi Carreras Sanahuja dice
Muy buen artículo, y muy bien explicado. Especial atención a las contestaciones que das en los comentarios que siempre aportan alguna información más.
Te felicito por tu trabajo.
Nahuai dice
¡Muchas gracias Jordi!
Son comenterios como el tuyo el que me inspiran para seguir compartiendo mis conocimientos.
Me alegro un montón de que mi flujo de trabajo te haya resultado de interés, espero que sirva para mejorar el tuyo.
Gracias de nuevo por tus palabras.
Un saludo.