# Struggle to preview .png file with the image component

**URL:** <https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019>\
**Category:** Ask the community\
**Created:** [February 2, 2024, 11:18am UTC](https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019 "2024-02-02T11:18:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sanderwaasjo](https://avatars.discourse-cdn.com/v4/letter/s/3ab097/32.png) [@sanderwaasjo](https://community.appfarm.io/u/sanderwaasjo)\
**Post date:** [February 2, 2024, 11:18am UTC](https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019/1 "2024-02-02T11:18:09Z")

</div>

I’m trying to preview some images with the use of the image component. The images are first uploaded to the system. It works to preview images of the .jpg type, but I’m not able to preview .png files. Is there a reason to this? Or does the issue probably exist somewhere else in the system? I just don’t understand why it works with one image and not another.

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![ErikAKSkallevold](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/erikakskallevold/32/1378_2.png) [@ErikAKSkallevold](https://community.appfarm.io/u/ErikAKSkallevold)\
**Post date:** [February 2, 2024, 12:09pm UTC](https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019/2 "2024-02-02T12:09:51Z")

</div>

Hi Sander, and welcome to the community.

I am unable to replicate your issue on my machine. Images in .jpg, .png, and .webp formats are visible in my image component. Could you please provide more details about your setup and the .png file that isn’t working?

Thanks,  
Erik

---

<div class="post-metadata">

**Author:** ![sanderwaasjo](https://avatars.discourse-cdn.com/v4/letter/s/3ab097/32.png) [@sanderwaasjo](https://community.appfarm.io/u/sanderwaasjo)\
**Post date:** [February 4, 2024, 8:20am UTC](https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019/3 "2024-02-04T08:20:36Z")

</div>

Hi, thanks.  
Found the issue. When it worked for you i knew it probably just where something wrong from my side. It was just a bad created visibility rule.  
Thanks for the help 😃

---

<div class="post-metadata">

**Author:** ![ErikAKSkallevold](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/erikakskallevold/32/1378_2.png) [@ErikAKSkallevold](https://community.appfarm.io/u/ErikAKSkallevold)\
**Post date:** [February 5, 2024, 7:49am UTC](https://community.appfarm.io/t/struggle-to-preview-png-file-with-the-image-component/1019/4 "2024-02-05T07:49:30Z")

</div>

Glad to hear that it worked itself out 😄