# Image Dimensions

**URL:** https://community.glideapps.com/t/image-dimensions/10000
**Category:** Report a Bug
**Created:** [May 29, 2020, 7:15pm UTC](https://community.glideapps.com/t/image-dimensions/10000 "2020-05-29T19:15:26Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 29, 2020, 7:15pm UTC](https://community.glideapps.com/t/image-dimensions/10000/1 "2020-05-29T19:15:26Z")

</div>

Hello to all Gliders,

I am looking to add an image with 24x24px, as a component, but no matter I select 1:1 the app always resize that image to its full dimension. This is very weird as I tought 1:1 would bring the image with its original dimensions.

Am I doing somethin wrong?

Regards  
JVC

---

<div class="post-metadata">

### 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: [May 29, 2020, 9:07pm UTC](https://community.glideapps.com/t/image-dimensions/10000/2 "2020-05-29T21:07:36Z")

</div>

Even if you select “shoiw the whole image” in the image component settings?

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 29, 2020, 9:34pm UTC](https://community.glideapps.com/t/image-dimensions/10000/3 "2020-05-29T21:34:38Z")

</div>

Hi, thanks for stopping by.

No matter what I do, the image size is very big. I would like to use a dimension of 24x24px, 36x36px. But in “show whole image” at 3:2 the size is way to big and the image gets fuzzy. The idea I have is 1:1 images will display in its original dimensions. I tried to add a country flag in the column title but it won´t work either.

---

<div class="post-metadata">

### 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: [May 29, 2020, 9:50pm UTC](https://community.glideapps.com/t/image-dimensions/10000/4 "2020-05-29T21:50:45Z")

</div>

Try using Cloudinary. You’ll find lot of topic in this forum about Cloudinary. There’s maybe a way to get images displayed correctly using this service.

---

<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: [May 29, 2020, 10:32pm UTC](https://community.glideapps.com/t/image-dimensions/10000/5 "2020-05-29T22:32:55Z")

</div>

This might not be the answer you’re looking for, but since you’re using flags, have you thought on using the flag emojis?

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 29, 2020, 11:14pm UTC](https://community.glideapps.com/t/image-dimensions/10000/6 "2020-05-29T23:14:53Z")

</div>

Thanks Christophe. I will take a look into it.

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 29, 2020, 11:16pm UTC](https://community.glideapps.com/t/image-dimensions/10000/7 "2020-05-29T23:16:50Z")

</div>

Hi,

Thanks for your message. This was my first try. But it won´t add the flag graphic. They say it’s an issue of Windows ! Only a set of 2 letters, such GB, PT etc…

---

<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: [May 29, 2020, 11:45pm UTC](https://community.glideapps.com/t/image-dimensions/10000/8 "2020-05-29T23:45:19Z")

</div>

You can add an emoji column in Glide’s data editor

---

<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: [May 29, 2020, 11:45pm UTC](https://community.glideapps.com/t/image-dimensions/10000/9 "2020-05-29T23:45:42Z")

</div>

And then to a template column with the flag + whatever text you need

---

<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: [May 29, 2020, 11:46pm UTC](https://community.glideapps.com/t/image-dimensions/10000/10 "2020-05-29T23:46:05Z")

</div>

I’ve never seen super small images behaving correctly in glide

---

<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: [May 29, 2020, 11:49pm UTC](https://community.glideapps.com/t/image-dimensions/10000/11 "2020-05-29T23:49:01Z")

</div>

You could try displaying the image using markdown in a rich text component like this:

```auto
![alt text](https://url.png "Logo Title Text 1")

```

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 8:28am UTC](https://community.glideapps.com/t/image-dimensions/10000/12 "2020-05-30T08:28:12Z")

</div>

Thanks ! I tried with html but it won´t either. Lets see with markdown

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 8:32am UTC](https://community.glideapps.com/t/image-dimensions/10000/13 "2020-05-30T08:32:16Z")

</div>

In a product description I have translations in 3 languages. Though I would like to use a flag on the top of it to diferentiate between them. Did it with text but my costumer requests me a flag. I agree with you I don´t know the look and feel but what makes me some confusion is why it stretches the images when I select 1:1 …

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 8:57am UTC](https://community.glideapps.com/t/image-dimensions/10000/14 "2020-05-30T08:57:06Z")

</div>

It works well with html img src tag. With markdown it streches the image either and since I am not confident with markdown, I add html and then give an attribute size and it worked.

Thanks to you all guys.

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 9:00am UTC](https://community.glideapps.com/t/image-dimensions/10000/15 "2020-05-30T09:00:10Z")

</div>

Add html and displays ok

 ![screenshot-go.glideapps.com-2020.05.30-09_57_18](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a261c838ec30a1db2c290eb850ee7ae0f614b65f.jpeg) … the only thing now is to understand how to remove the space below the flag.  
Thanks 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: [May 30, 2020, 9:01am UTC](https://community.glideapps.com/t/image-dimensions/10000/16 "2020-05-30T09:01:07Z")

</div>

Can you show me what is the HTML code for that part with the flag?

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 9:02am UTC](https://community.glideapps.com/t/image-dimensions/10000/17 "2020-05-30T09:02:56Z")

</div>

Sure …

---

<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: [May 30, 2020, 9:04am UTC](https://community.glideapps.com/t/image-dimensions/10000/18 "2020-05-30T09:04:07Z")

</div>

Before you give the HTML code, may I ask if you just want to remove the space below, or you want the text to be on the same line with the flag?

---

<div class="post-metadata">

### Author: ![Joao\_Vares\_Coelho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_vares_coelho/32/6534_2.png) [@Joao\_Vares\_Coelho](https://community.glideapps.com/u/Joao_Vares_Coelho)
#### Post date: [May 30, 2020, 9:09am UTC](https://community.glideapps.com/t/image-dimensions/10000/19 "2020-05-30T09:09:15Z")

</div>

Now I am looking in a way to remove the space bellow

---

<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: [May 30, 2020, 9:10am UTC](https://community.glideapps.com/t/image-dimensions/10000/20 "2020-05-30T09:10:43Z")

</div>

Can you try formatting it again, because I can’t see the HTML code.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/f564cd329a8ac81bad53ccd5832bd175a3d022be.png)

[Next page](https://community.glideapps.com/t/image-dimensions/10000.md?page=2)
