# Add an image inside button

**URL:** <https://community.glideapps.com/t/add-an-image-inside-button/19773>\
**Category:** Ask for Help\
**Created:** [December 12, 2020, 4:32pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773 "2020-12-12T16:32:35Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 4:32pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/1 "2020-12-12T16:32:35Z")

</div>

Hi!

Is there a way I can add an image inside a button? Instead of no BG or a solid color.

![button](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/7729fb1d320ca80adf7f43237e270ec998484546.png)

Thanks!

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 4:35pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/2 "2020-12-12T16:35:42Z")

</div>

Solved this one. Thanks!

---

<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:** [December 12, 2020, 4:58pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/3 "2020-12-12T16:58:53Z")

</div>

So did you use CSS or just use an image as a button?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 5:00pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/4 "2020-12-12T17:00:19Z")

</div>

Image as a button 🙂

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 5:12pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/5 "2020-12-12T17:12:18Z")

</div>

Hmm its really pixelated though.

![Untitled1123](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/4/e4aa973707db140dfe2c03faffeb01098b9a8927.png)

I have it at 100 x 500

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2020, 5:38pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/6 "2020-12-12T17:38:55Z")

</div>

Hi @Jen_NYCP

Sometime I have used an simple emoji which, whilst it is limited and does not give a whole background image, often it is just enough.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 6:54pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/7 "2020-12-12T18:54:50Z")

</div>

I need for it to be an image so there can be some description of what you are clicking to. I tried it with the original dimensions of **6912 × 3456**. Still blurry.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2020, 9:35pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/8 "2020-12-12T21:35:25Z")

</div>

@Jen_NYCP tried this? [https://letsenhance.io/](https://letsenhance.io/)

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 10:01pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/9 "2020-12-12T22:01:30Z")

</div>

The image is high quality png. It’s something with the dimensions I am guessing.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 10:07pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/10 "2020-12-12T22:07:48Z")

</div>

I also have it uploaded as a URL, not to the glide editor. Maybe that’s the issue? I would rather not make another column for this.

---

<div class="post-metadata">

**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:** [December 12, 2020, 10:15pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/11 "2020-12-12T22:15:56Z")

</div>

I wouldn’t think the url directly in the component without a column shouldn’t matter, but could you share the url here for us to try it out?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 10:16pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/12 "2020-12-12T22:16:51Z")

</div>

[https://nycplugged.com/wp-content/uploads/2020/12/markk.png(image larger than 4096KB)](https://nycplugged.com/wp-content/uploads/2020/12/markk.png)

---

<div class="post-metadata">

**Author:** ![Pablo\_Reyna](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_reyna/32/49850_2.png) [@Pablo\_Reyna](https://community.glideapps.com/u/Pablo_Reyna)\
**Post date:** [December 12, 2020, 10:18pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/13 "2020-12-12T22:18:47Z")

</div>

Hello @Jen_NYCP how are you, I’ll tell you, I was able to do it with photoshop, I’ll give you the file in .psd format if you want it for you to edit it. Greetings from Argentina.

 ![Image 4](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/386e48f6ed083231d20ea32de5cc0622ee4141b6.jpeg)

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 10:37pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/14 "2020-12-12T22:37:46Z")

</div>

I think I like the image as a link a little better, just trying to get it to show up clearly.

Thanks!

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 12, 2020, 11:39pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/15 "2020-12-12T23:39:23Z")

</div>

Figured it out!

---

<div class="post-metadata">

**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:** [December 12, 2020, 11:42pm UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/16 "2020-12-12T23:42:21Z")

</div>

What was the problem?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 13, 2020, 12:05am UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/17 "2020-12-13T00:05:38Z")

</div>

The image was too small. I believe I was still pulling the 100x50 instead of the larger one.

---

<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:** [December 13, 2020, 1:53am UTC](https://community.glideapps.com/t/add-an-image-inside-button/19773/18 "2020-12-13T01:53:47Z")

</div>

In the future, I think it would be helpful if you can detail out the solution to the problem if you have found it so people who come and read this later would know how to solve it themselves. Also mark that as the solution for the thread.

Many times I faced this scenario on StackOverflow, the poster solves the problem themselves but didn’t give any clues how he/she solved it. It would help the community a lot, and thanks in advance for doing that.
