# Unable to view images in image component in web preview

**URL:** <https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [July 5, 2021, 3:24pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204 "2021-07-05T15:24:45Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![priya.24pinkwuw](https://avatars.discourse-cdn.com/v4/letter/p/ec9cab/32.png) [@priya.24pinkwuw](https://community.thunkable.com/u/priya.24pinkwuw)\
**Post date:** [July 5, 2021, 3:24pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/1 "2021-07-05T15:24:45Z")

</div>

I’m a teacher. one of my new students is unable to view images in the image component.  
in the very first project, the image was not visible in web preview but it was working in live test on his iPhone. today in the second project, the images were not visible in both web preview and in live test.

I checked the below things in image properties.

1. height and width - 300, 250
2. visible - True
3. image resize mode - contain

using chrome browser on his windows desktop.

PS: we are using the drag and drop feature. he is using the same image that I use in my project.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [July 5, 2021, 4:54pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/2 "2021-07-05T16:54:24Z")

</div>

Hi there.  
There is currently a bug that makes images not show.  
Instead they will show a day later.

---

<div class="post-metadata">

**Author:** ![priya.24pinkwuw](https://avatars.discourse-cdn.com/v4/letter/p/ec9cab/32.png) [@priya.24pinkwuw](https://community.thunkable.com/u/priya.24pinkwuw)\
**Post date:** [July 5, 2021, 5:13pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/3 "2021-07-05T17:13:30Z")

</div>

oh is it? but I was able to see the images while working in parallel with him. let me check in this next class to see if the images are shown. Thank you so much for your reply!

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [July 5, 2021, 5:15pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/4 "2021-07-05T17:15:16Z")

</div>

No Problem.  
Anyways  
What is Parallel?

---

<div class="post-metadata">

**Author:** ![priya.24pinkwuw](https://avatars.discourse-cdn.com/v4/letter/p/ec9cab/32.png) [@priya.24pinkwuw](https://community.thunkable.com/u/priya.24pinkwuw)\
**Post date:** [July 5, 2021, 5:17pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/5 "2021-07-05T17:17:40Z")

</div>

I mean I do the same on my screen while he is working on his project.

---

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [July 5, 2021, 5:19pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/6 "2021-07-05T17:19:43Z")

</div>

Hey, I ran into the same issue! Instead of using the image from your computer, upload it to imgur. When it’s done, drag the image to a new tab and copy the link. It should load quicker.

---

<div class="post-metadata">

**Author:** ![priya.24pinkwuw](https://avatars.discourse-cdn.com/v4/letter/p/ec9cab/32.png) [@priya.24pinkwuw](https://community.thunkable.com/u/priya.24pinkwuw)\
**Post date:** [July 6, 2021, 2:56am UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/7 "2021-07-06T02:56:24Z")

</div>

let me try this with my student and update you

---

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [July 9, 2021, 3:57pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/8 "2021-07-09T15:57:00Z")

</div>

Good luck!

---

<div class="post-metadata">

**Author:** ![priya.24pinkwuw](https://avatars.discourse-cdn.com/v4/letter/p/ec9cab/32.png) [@priya.24pinkwuw](https://community.thunkable.com/u/priya.24pinkwuw)\
**Post date:** [July 22, 2021, 2:50am UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/9 "2021-07-22T02:50:42Z")

</div>

True. it worked on the next day… thank you so much

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [July 22, 2021, 6:04am UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/10 "2021-07-22T06:04:09Z")

</div>

You’re welcome

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:19pm UTC](https://community.thunkable.com/t/unable-to-view-images-in-image-component-in-web-preview/1380204/11 "2024-11-08T13:19:56Z")

</div>


