# How to fix the image

**URL:** <https://community.glideapps.com/t/how-to-fix-the-image/39970>\
**Category:** Ask for Help\
**Created:** [March 22, 2022, 7:16pm UTC](https://community.glideapps.com/t/how-to-fix-the-image/39970 "2022-03-22T19:16:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [March 22, 2022, 7:16pm UTC](https://community.glideapps.com/t/how-to-fix-the-image/39970/1 "2022-03-22T19:16:05Z")

</div>

I have 2 question with the images

1st Image does not fit on the screen, Its a pdf file near about 300pages in a pdf file. I tried all the setting at right hand, image height

 ![IMAGE FIX](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3b56c78ad552aaabe7fcc4926a798597619a33b1.jpeg)

2nd What is the dimension of the card. I have list of cards below each other. I want to insert image inside the card, If get correct dimension i can design it.

 ![dimension](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48b92b8c7ebec562a91de879874b953e2be42b66.jpeg)

Thx

---

<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:** [March 22, 2022, 7:26pm UTC](https://community.glideapps.com/t/how-to-fix-the-image/39970/2 "2022-03-22T19:26:20Z")

</div>

First, a PDF is not an image, even though it will show it in an image component. At most I think it will only show the first page. I would recommend reading through the following threads to find a different way to display a PDF in the app.

> [@Embed Pdf from Google drive with webview](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965):
>
> Hi, guys, Does this anyone already know? I accidentally discovered that a pdf file stored on google drive can be embedded into a webview component if the end of the URL is replaced with the /preview.

> [@Webview, pdf, google drive](https://community.glideapps.com/t/webview-pdf-google-drive/24161):
>
> Hello, I can’t view a pdf from my google drive. I did the test with “https//docs.google.com/viewer?embedded=true&url= {document}” where {document} is the web link. But the result is: [webview pdf] It works with the pdf upload in https//storage.googleapis.com / …

Second, the size of an image in pixels is not as important. What’s important is the ratio you selected for your cards. It looks like you are using a 3:1 ratio for your cards layout. Just make sure your image is 3 times wider than it is tall. Then it will fit in the placeholder for the card image without cutting anything off.

---

<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:** [March 22, 2022, 8:18pm UTC](https://community.glideapps.com/t/how-to-fix-the-image/39970/3 "2022-03-22T20:18:28Z")

</div>

If you want, you can also use this trick to resize images dynamically using Cloudinary using a template column.

The below example resizes an image to fit within a 3:1 container. Adjust the `w` and `h` to adjust the ratio.

`https://res.cloudinary.com/glide/image/fetch/c_pad,w_900,h_300/{IMAGEURL}`