# HTML images?

**URL:** <https://community.glideapps.com/t/html-images/11374>\
**Category:** Ask for Help\
**Created:** [June 24, 2020, 5:03pm UTC](https://community.glideapps.com/t/html-images/11374 "2020-06-24T17:03:55Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)\
**Post date:** [June 24, 2020, 5:03pm UTC](https://community.glideapps.com/t/html-images/11374/1 "2020-06-24T17:03:55Z")

</div>

I have an affiliate that will only allow me to use images in HTML code. Is there any way to display these images in Glide?

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [June 24, 2020, 5:24pm UTC](https://community.glideapps.com/t/html-images/11374/2 "2020-06-24T17:24:47Z")

</div>

The expert with images are @ThinhDinh and @Robert_Petitto … can you send that html image to cloudinary, and then use cloudinary’s link to show the image in your app?

---

<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:** [June 24, 2020, 9:47pm UTC](https://community.glideapps.com/t/html-images/11374/3 "2020-06-24T21:47:43Z")

</div>

What’s the code? Might be able to display it using a Rich Text Component.

---

<div class="post-metadata">

**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:** [June 24, 2020, 11:55pm UTC](https://community.glideapps.com/t/html-images/11374/4 "2020-06-24T23:55:57Z")

</div>

Hi @Brian_Rosenstein, I don’t understand your question.

What do you mean by “HTML image”?

Would you have an example?

---

<div class="post-metadata">

**Author:** ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)\
**Post date:** [June 25, 2020, 1:34am UTC](https://community.glideapps.com/t/html-images/11374/5 "2020-06-25T01:34:52Z")

</div>

Sorry I’m still learning the lingo 🙂

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9f1152081383864faba5c461d27b844bc219fffe.jpeg)](https://www.amazon.com/dp/B07FZ8S74R/ref=as_li_ss_il?pf_rd_r=YQ7KQF45DX8VCJVBQH72&pf_rd_p=87cbd88c-0408-4397-9ae3-b9495de572db&linkCode=li2&tag=niftergifte02-20&linkId=3a90d4f1b8873bcb60a9b352f22adf3e&language=en_US) ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9d01cc5dc8e042c0d4ad6cfb8b3ac38e84a5ef9f.gif)

---

<div class="post-metadata">

**Author:** ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)\
**Post date:** [June 25, 2020, 1:35am UTC](https://community.glideapps.com/t/html-images/11374/6 "2020-06-25T01:35:54Z")

</div>

![Capture](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/34d75a4da29bac876734e5f509313207ccc11e4b.png)

---

<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:** [June 25, 2020, 1:59am UTC](https://community.glideapps.com/t/html-images/11374/7 "2020-06-25T01:59:12Z")

</div>

Hi Brian,

I think you can display this via a rich text component.

But what features of the image do you want to keep by using that HTML format (as in the image border or the image size, etc.)? Can you just use directly the image link in an image component?

---

<div class="post-metadata">

**Author:** ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)\
**Post date:** [June 25, 2020, 3:20am UTC](https://community.glideapps.com/t/html-images/11374/8 "2020-06-25T03:20:32Z")

</div>

Unfortunately there is no way to copy the images for a link address. they only provide you with HTML to display the image.

---

<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:** [June 25, 2020, 3:21am UTC](https://community.glideapps.com/t/html-images/11374/9 "2020-06-25T03:21:46Z")

</div>

Can I have the link to that specific page so I can inspect it?

---

<div class="post-metadata">

**Author:** ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)\
**Post date:** [June 25, 2020, 3:27am UTC](https://community.glideapps.com/t/html-images/11374/10 "2020-06-25T03:27:16Z")

</div>

Unfortunately it can only be viewed with my affiliate link. I think I’m going to continue to use a screen capture and quickly edit it in Photoshop. Thank you for your help.

---

<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:** [June 25, 2020, 3:33am UTC](https://community.glideapps.com/t/html-images/11374/11 "2020-06-25T03:33:03Z")

</div>

The image source should be in that `img src = ...` part of your link, but I tried it and it gave back a 1x1 image.

What I want to do in this situation is to open an inspection window in your browser, go to the “Network” tab and see what images are loaded in there. You might find that link somewhere.

---

<div class="post-metadata">

**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:** [June 25, 2020, 6:57am UTC](https://community.glideapps.com/t/html-images/11374/12 "2020-06-25T06:57:55Z")

</div>

If taking a screenshot works, then congrats on finding the solution! 🙂

(What @ThinhDinh was thinking of doing was using your html code or having a look (i.e. inspecting) at the image as it’s displayed in the browser, and then extracting the url where it is hosted. You could then use that url in your Google Sheet. If we’re talking about 100s or 1000s of images, extracting the url might be more scalable and “cleaner” than screenshots.)

---

<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:** [January 27, 2024, 6:51pm UTC](https://community.glideapps.com/t/html-images/11374/13 "2024-01-27T18:51:19Z")

</div>


