# Add watermark to existing glide images

**URL:** <https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630>\
**Category:** Ask for Help\
**Created:** [November 8, 2022, 3:25pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630 "2022-11-08T15:25:08Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cameraville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cameraville/32/60231_2.png) [@Cameraville](https://community.glideapps.com/u/Cameraville)\
**Post date:** [November 8, 2022, 3:25pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/1 "2022-11-08T15:25:08Z")

</div>

I have a few thousand images currently in my app, and at the request of my collaborators I’m wondering how I might hardcode a watermark into each image - or some other solution which makes it impossible to download or screenshot an un-watermarked image. I am experienced with Glide (fyi). Thank you ahead of time.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 8, 2022, 4:04pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/2 "2022-11-08T16:04:03Z")

</div>

Have a read through the below thread. I’m pretty sure @Gary_Willmott got that working.

> [@Looking to build a market place - image gallery](https://community.glideapps.com/t/looking-to-build-a-market-place-image-gallery/48689):
>
> Do you have a feature where it will only show a low res image with a watermark on it so the potential customer can’t download it for free? ie they have to purchase to dl the full res without watermark?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 8, 2022, 4:04pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/3 "2022-11-08T16:04:07Z")

</div>

Use Cloudinary! Here’s a complete step-by-step video tutorial:

> **[Cloudinary Tutorial · Glide - 8 November 2022](https://www.loom.com/share/00b9ea6437824d45a702cae88761f89c)**

---

<div class="post-metadata">

**Author:** ![Cameraville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cameraville/32/60231_2.png) [@Cameraville](https://community.glideapps.com/u/Cameraville)\
**Post date:** [November 8, 2022, 4:51pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/4 "2022-11-08T16:51:42Z")

</div>

The basic first step of creating the url with image/fetch, does not work for me. I am using google sheets. Does it only work with a Glide table?

[https://res.cloudinary.com/INSERT\_USER/image/fetch/https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/oF2UQgc6bU9LdFChFqKm/pub/gAHxRwFNfoDPjbdAdnsF.jpg/](https://res.cloudinary.com/INSERT_USER/image/fetch/https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/oF2UQgc6bU9LdFChFqKm/pub/gAHxRwFNfoDPjbdAdnsF.jpg/)

---

<div class="post-metadata">

**Author:** ![Cameraville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cameraville/32/60231_2.png) [@Cameraville](https://community.glideapps.com/u/Cameraville)\
**Post date:** [November 8, 2022, 4:53pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/5 "2022-11-08T16:53:34Z")

</div>

Thank you. I’m working on it using cloudinary though I’m not having any luck thus far. I have also replied with the current issue in this thread. I’m wanting to simply add a text overlay. I can’t get my images to show (google spreadsheet url).

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 8, 2022, 4:55pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/6 "2022-11-08T16:55:32Z")

</div>

Works anywhere. Get rid of that final `/` after the URL.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 8, 2022, 10:53pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/7 "2022-11-08T22:53:18Z")

</div>

Please note that while this approach will scale well, if a user with bad intention can deduce the original URL from the Cloudinary link then there’s nothing you can do.

---

<div class="post-metadata">

**Author:** ![Gary\_Willmott](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gary_willmott/32/837_2.png) [@Gary\_Willmott](https://community.glideapps.com/u/Gary_Willmott)\
**Post date:** [November 9, 2022, 6:32am UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/8 "2022-11-09T06:32:31Z")

</div>

@Cameraville have you come right yet?

I will give a breakdown on how I did it on Surf Diaries soon

> **[Surf Diaries](https://diary.surf/)**
>
> Creating Memories Collectively

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 9, 2022, 11:14am UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/9 "2022-11-09T11:14:53Z")

</div>

> [@ThinhDinh](#):
>
> if a user with bad intention can deduce the original URL

Ya…I guess the watermark isn’t hardcoded into the image.

---

<div class="post-metadata">

**Author:** ![Rafa\_da\_Jazz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rafa_da_jazz/32/66454_2.png) [@Rafa\_da\_Jazz](https://community.glideapps.com/u/Rafa_da_Jazz)\
**Post date:** [November 14, 2023, 7:47pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/10 "2023-11-14T19:47:18Z")

</div>

Thank you for the tips! Works perfectly for single images. At the time you answered the question, multiple images did not yet exist. How would you now apply it to a single field with many images?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 14, 2023, 11:10pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/11 "2023-11-14T23:10:27Z")

</div>

I would use Javascript to apply the URL template to all images. Split them into an array, apply the template, and then join them again. Use a split text column on the result so you can use it in an image component as a carousel.

---

<div class="post-metadata">

**Author:** ![Rafa\_da\_Jazz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rafa_da_jazz/32/66454_2.png) [@Rafa\_da\_Jazz](https://community.glideapps.com/u/Rafa_da_Jazz)\
**Post date:** [November 16, 2023, 5:42pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/12 "2023-11-16T17:42:10Z")

</div>

Actually I don’t know how to use Javascript…  
Would it be too much to ask you to write the code for me, so that I can put in the field?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 16, 2023, 11:29pm UTC](https://community.glideapps.com/t/add-watermark-to-existing-glide-images/53630/13 "2023-11-16T23:29:40Z")

</div>

What type of transformation do you need for your images?
