How to watermark multiple photos online (smartly)
In this post, I'll show a simple workflow to automate the watermarking of our graphic content with no effort. We'll see how to quickly create smart watermark templates, which overlay texts and graphic designs and guess the best crop for an image with a different aspect ratio. Finally, we'll see how to watermark batches of images efficiently, using these templates.
Watermarking may be useful for different reasons. If we run a blog and we've some pictures we want to post, branding the pictures with a watemark is a good practice to prevent an unwanted use by others. Of course, you may also check if any of your images have been used without your permission.
But there is also the branding side. Be with a logo, the title of our blog, or a moto, it's usually a good practice to kind of sign the graphics and photos that we create in a given context. It adds to the consistency of our content, usually improving UX and effectiveness in terms of message comprehension and retention.
Create your own watermarks
First, we need to create our watermarks. There are many possibilities here. A watermark is usually a graphic element with some degree of transparency that we overlay onto an image. It may be a logo, an icon, a text, a shape, or it may consist of any combination of them.
Let's consider three possible watermarks for three different blogs, the cooking blog Spoon, fork, and knife, the ecocamping site Under the sky, and the leisure sailing business Sailing with Robinson. In every case, we'll overlay a transparent logo, a text and a shape to brand the images of each blog. We'll do it with Abraia's online console, an extremely easy to use web app.
The logo can be an image or vector graphics that we have designed, bought, or simply found in a free repository. Here I'm using three icons shared by Annalise Batista in Pixabay.
After login to Abraia's console, we go to the editing tab and we upload an example image. Alternatively, we may select one we have previously uploaded in the navigation tab and then proceed to editing.
The first thing is to set the image size. If it means a change of aspect ratio, the smart cropping will guess the best crop.
Now we can upload our logo or icon and place it to our convenience. Next, we add a text closely related to the blog. If the text is white we may place it over a semitransparent black box. In case it is black we may use a semitransparent white box instead. And so on.
Our watermark is ready now. We have to save it as an template or action to overlay on new images and graphics.
We repeat the process for the three blogs, and that's it. In case we plan to use different image sizes in any of the blogs, we only have to readjust the template for each image size. For instance, to combine vertical and square images in the sailing site, I edit the first template by changing the resolution preset to Story. I revise that everything is Ok and I save the new template with a different name.
Watermark multiple photos
Now that we have the actions defined we should create a new folder in Abraia's console for each of our blogs.
Then we proceed to the bulk processing tab. We choose the folder of the blog that we want to process images for. And we configure one variant for each of the templates created for this blog.
Now we only have to upload the batch of images to watermark. We wait a bit (depending on the number of images uploaded and the variants created) while the images are being processed. And finally, we download all the watermarked images.
We can see how Abraia's smart cropping algorithm works out the best part for each specific image. This is a powerful capability of Abraia's image editing templates.
We can also find a copy of each variant created in the corresponding folder, accesible through the navigation tab.
Watching a local hot folder
It may happen that we'd like something even more automatic. Let's say we'd like to watch a local hot folder so that all landing images are watermarked with the template designed.
This is possible using Abraia's Gulp plugin for image optimization. Once the plugin is installed, we only need to proceed to the bulk processing tab in the console, select the folder of the blog, and download the configuration in the left-top corner of the panel.
Placing this file in the Gulp folder, we can load the parameters there. As we start the watcher, it will create the variants with the watermakrs defined in the template for any original image landing the hot folder.
I've shown a simple and effective mean to create your own watermarks with Abraia's online console. Then, we've seen how to create smart templates that we can apply to watermark multiple photos online. Finally, we've seen how to set a local hot folder to watermark images automatically with a watcher based on Gulp.