# Possible to use images in RichText component

**URL:** <https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792>\
**Category:** Ask for Help\
**Created:** [October 1, 2019, 7:05pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792 "2019-10-01T19:05:06Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 1, 2019, 7:05pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/1 "2019-10-01T19:05:06Z")

</div>

The glide documentation tells:

_The `Rich Text` component displays text and images formatted with [Markdown](https://www.markdownguide.org/getting-started) syntax_

I cannot get images to work with markup language - any ideas or example?

---

<div class="post-metadata">

**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\
**Post date:** [October 1, 2019, 8:51pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/2 "2019-10-01T20:51:34Z")

</div>

Will those images display in a markdown test bed like [dillinger.io](http://dillinger.io)?

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 2, 2019, 4:34am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/3 "2019-10-02T04:34:02Z")

</div>

Yes it does show in Dillinger but not in glide. I can’t get images to show in rich text in glide. Therefore the question whether somebody has got it working

---

<div class="post-metadata">

**Author:** ![filipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/filipa/32/190_2.png) [@filipa](https://community.glideapps.com/u/filipa)\
**Post date:** [October 2, 2019, 5:24am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/4 "2019-10-02T05:24:18Z")

</div>

@Krivo, I’m just starting to learn about markdown so this might have nothing to do with what you’re talking about, but here it goes: [https://www.loom.com/share/9a836aaee88344efb0e07c2a811240d0](https://www.loom.com/share/9a836aaee88344efb0e07c2a811240d0)

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 2, 2019, 5:42am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/5 "2019-10-02T05:42:14Z")

</div>

Hi Filipa @filipa  
Would you share the exact info you put in the cell for me to tryout

I try this:

```auto
![](http://www.stengaardensgrundejerforening.dk/ ____ impro/1/onewebmedia/Aktuel1.jpg)

But this is not working

Thx
```

---

<div class="post-metadata">

**Author:** ![filipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/filipa/32/190_2.png) [@filipa](https://community.glideapps.com/u/filipa)\
**Post date:** [October 2, 2019, 7:24am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/6 "2019-10-02T07:24:12Z")

</div>

I have exactly the same. Your image link isn’t working for me either. I have no idea why…

---

<div class="post-metadata">

**Author:** ![wernerkuper](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wernerkuper/32/2107_2.png) [@wernerkuper](https://community.glideapps.com/u/wernerkuper)\
**Post date:** [October 2, 2019, 7:24am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/7 "2019-10-02T07:24:20Z")

</div>

You can use the html `img` tag to include an image:  
`<img src="https:/link.to.your.image/image.png" height="18"/>`

The _height_ attribute isn’t necessary of course, but shows that you can change the size of the image.  
I’m currently using this to get some (inline) icons and change their dimensions.

---

<div class="post-metadata">

**Author:** ![filipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/filipa/32/190_2.png) [@filipa](https://community.glideapps.com/u/filipa)\
**Post date:** [October 2, 2019, 7:42am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/8 "2019-10-02T07:42:57Z")

</div>

> [@Krivo](#):
>
> [http://www.stengaardensgrundejerforening.dk/\_\_\_\_impro/1/onewebmedia/Aktuel1.jpg](http://www.stengaardensgrundejerforening.dk/ ____ impro/1/onewebmedia/Aktuel1.jpg)

could it be because it’s jpg?

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 2, 2019, 7:51am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/9 "2019-10-02T07:51:10Z")

</div>

Will you @filipa share your link? To narrow down the problem

---

<div class="post-metadata">

**Author:** ![filipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/filipa/32/190_2.png) [@filipa](https://community.glideapps.com/u/filipa)\
**Post date:** [October 2, 2019, 9:16am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/10 "2019-10-02T09:16:42Z")

</div>

It’s your link, I don’t know why, I’ve tried with other links and it works. Exactly the same thing happens with @wernerkuper’s suggestion (which is cool, but not recommended by glide - how do we adjust the image’s size in markdown, by the way??), your link doesn’t work…

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 2, 2019, 9:36am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/11 "2019-10-02T09:36:00Z")

</div>

@filipa  
Would it be possible for you to supply me with a link that works for you? I haven’t been able to create a correct one

Thx😎

---

<div class="post-metadata">

**Author:** ![filipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/filipa/32/190_2.png) [@filipa](https://community.glideapps.com/u/filipa)\
**Post date:** [October 2, 2019, 9:50am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/12 "2019-10-02T09:50:52Z")

</div>

here: [https://dl.airtable.com/.attachments/c18fc929bf729cde80cc570f7bfd8076/1f311e90/logo\_Homescreen2.png](https://dl.airtable.com/.attachments/c18fc929bf729cde80cc570f7bfd8076/1f311e90/logo_Homescreen2.png)

---

<div class="post-metadata">

**Author:** ![wernerkuper](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wernerkuper/32/2107_2.png) [@wernerkuper](https://community.glideapps.com/u/wernerkuper)\
**Post date:** [October 2, 2019, 10:27am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/13 "2019-10-02T10:27:57Z")

</div>

The link with the html img tag is working for me. And I know it is not recommended, but there is no (standardized) way to change the image size in Markdown.

I’ve just tested the Markdown approach to show an image and it does work on my side.  
@Krivo However, if I try it with the link to the jpg picture you provided, I don’t see the image… but after changing the http:// to https:// it does show. That might explain why the image (link) you provided does not work, but the one from @filipa does.

So please test again with  
`![](https://www.stengaardensgrundejerforening.dk/ ____ impro/1/onewebmedia/Aktuel1.jpg)`  
That one works for me.

So it looks like it has nothing to do with the Markdown code, or having a jpg or png image, but rather with the link being `http://` (not working!) or `https://` (working!).

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [October 2, 2019, 3:08pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/14 "2019-10-02T15:08:37Z")

</div>

@filipa @wernerkuper  
Thanks both of you for hanging on to my problem 🙏  
The solution was `http://` (not working!) or `https://` (working!).

I wont be using the html style as Glide discourages that.

@JackVaughan Could be an idea to update the documentation telling that http is not working.

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [October 2, 2019, 4:39pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/15 "2019-10-02T16:39:32Z")

</div>

Yes, `http` links are considered unsecure by your phone and blocked.

---

<div class="post-metadata">

**Author:** ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)\
**Post date:** [October 3, 2019, 9:04am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/16 "2019-10-03T09:04:44Z")

</div>

Done 👍🏽

---

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [March 9, 2024, 11:29pm UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/17 "2024-03-09T23:29:22Z")

</div>

can you tell me how you are resizing the image to be an inline icon? I’m trying to do the same. I cant seem to resize my images. Thanks for your insight.

---

<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:** [March 10, 2024, 12:16am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/18 "2024-03-10T00:16:53Z")

</div>

Can you show us your desired final result?

---

<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:** [March 10, 2024, 2:05am UTC](https://community.glideapps.com/t/possible-to-use-images-in-richtext-component/792/19 "2024-03-10T02:05:07Z")

</div>


