# Cloudinary: Image Filters and Overlays in Glide! **URL:** \ **Category:** Community Resources\ **Created:** [February 25, 2020, 2:04pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917 "2020-02-25T14:04:36Z")\ **Posts on this page:** 20\ **Page:** 2
**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\ **Post date:** [February 26, 2020, 7:41pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/21 "2020-02-26T19:41:20Z")
You’re a hero! ---
**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:** [February 26, 2020, 7:47pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/22 "2020-02-26T19:47:34Z")
@ionamol deserves some credit for finding the resource to begin with! I just finished creating the third tutorial—image overlays! Will post it below once it finishes uploading/processing. ---
**Author:** ![Rosinda\_Anthony](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosinda_anthony/32/1099_2.png) [@Rosinda\_Anthony](https://community.glideapps.com/u/Rosinda_Anthony)\ **Post date:** [February 26, 2020, 7:53pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/23 "2020-02-26T19:53:25Z")
Thank you, Robert! ---
**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\ **Post date:** [February 26, 2020, 8:06pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/24 "2020-02-26T20:06:06Z")
Both of you do great stuff! ---
**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:** [February 26, 2020, 8:18pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/25 "2020-02-26T20:18:59Z")
## Tutorial #3: Image Overlays w/ Cloudinary Make sure to watch the first two videos—they set the premise/logistics to accomplishing this feature. This video explains: - The syntax of an overlay image in Cloudinary - How to concatenate columns to construct an image dynamically from two columns in your sheet - How to do relation \> lookup \> template columns in Glide to construct the image overlay URL Excited to see what y’all come up with. Reply to this thread with your examples! ### _Enjoy!_ ---
**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:** [February 26, 2020, 8:35pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/26 "2020-02-26T20:35:22Z")
Oh…and this: > [@Using PDF in the app](https://community.glideapps.com/t/using-pdf-in-the-app/4957/6): > > Using Cloudinary to generate a thumb from your PDF and display in Glide: Upload a PDF to Cloudinary Insert PDF link in Google Sheets Replace .pdf with .png (or .jpeg) manually or via formula [Screen Shot 2020-02-26 at 3.32.54 PM] Create a component that displays the image and links to the PDF [Screen Shot 2020-02-26 at 3.33.41 PM] ---
**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\ **Post date:** [April 21, 2020, 3:16am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/27 "2020-04-21T03:16:19Z")
Have you noticed that images are now loaded by default on Cloudinary? That’s a great feature as we will be able to perform lot of transformations within Glide, playing with the images URLs! ---
**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\ **Post date:** [April 21, 2020, 3:29am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/28 "2020-04-21T03:29:08Z")
Not loaded on Cloudinary, to be exact, but displayed by Cloudinary ---
**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:** [April 21, 2020, 3:30am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/29 "2020-04-21T03:30:52Z")
What do you mean? The preview of the image in the columns? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [April 21, 2020, 3:36am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/30 "2020-04-21T03:36:22Z")
I’ve noticed that the title and overlays for images use cloudinary when viewing page source. Kinda wonder if you can have the image url to use some of cloudinary’s magic. ---
**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:** [April 21, 2020, 3:47am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/31 "2020-04-21T03:47:09Z")
Wait…you mean the tag/avatar of tiles/images use Cloudinary? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [April 21, 2020, 4:01am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/32 "2020-04-21T04:01:22Z")
Not 100% but I’m assuming based on what I saw in the page source. They are stealing your ideas @Robert_Petitto. ---
**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\ **Post date:** [April 21, 2020, 4:23am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/33 "2020-04-21T04:23:22Z")
Hum wait, yep in fact it’s the preview of the image, in the data editor, sorry. I copy paste the url of this preview to store it into another app, to avoid loading again the same image. That’s how I notice Cloudinary is used, yes. Sorry 🙏🏻 ---
**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:** [April 21, 2020, 1:05pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/34 "2020-04-21T13:05:32Z")
Oh…wow, never even realized. Yeah…it looks like Glide is passing their firebase images through Cloudinary via a fetch. I don’t think we can necessarily take advantage of that, but it makes a lot of sense how they’re able to do tags/avatars, etc. If you want to mimic the title component (one line of text), do this: ```auto =ArrayFormula("https://res.cloudinary.com/glide/image/fetch/e_gradient_fade:20,y_-0.5,b_black/l_text:Arial_20_bold:"&encodeurl(A2:A)&",g_south_west,x_10,y_10,co_white/"&encodeURL(D2:D)) ``` Where your text is in column A and your image is in column D. You can also play with the colors ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [May 9, 2020, 9:01am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/35 "2020-05-09T09:01:00Z")
AMAZING work Roberto ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [May 9, 2020, 1:25pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/36 "2020-05-09T13:25:55Z")
AMAZING no2 ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [May 9, 2020, 1:59pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/37 "2020-05-09T13:59:25Z")
@Robert_Petitto, You’re my new hero brother. thanks for this amazing insights ---
**Author:** ![Lisa](https://avatars.discourse-cdn.com/v4/letter/l/f08c70/32.png) [@Lisa](https://community.glideapps.com/u/Lisa)\ **Post date:** [May 18, 2020, 11:55pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/38 "2020-05-18T23:55:17Z")
@Robert_Petitto just echoing how stellar you are 🤟 I can’t wait to go through your tutorials and see how I can incorporate this into my next project. ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [May 20, 2020, 6:17pm UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/39 "2020-05-20T18:17:44Z")
@Robert_Petitto The Cloudinary parameters are nice. Good find. Thank you. ---
**Author:** ![Jomar\_Hilario](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jomar_hilario/32/1664_2.png) [@Jomar\_Hilario](https://community.glideapps.com/u/Jomar_Hilario)\ **Post date:** [July 18, 2020, 11:17am UTC](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/40 "2020-07-18T11:17:22Z")
this is super awesome. I look forward to many more “hacks” like this. This is sweet. Congrats for the find and the generosity to share! [Previous page](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917.md?page=1) [Next page](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917.md?page=3)