# How to improve image quality

**URL:** <https://discourse.threejs.org/t/how-to-improve-image-quality/60829>\
**Category:** Questions\
**Tags:** materials, textures\
**Created:** [January 29, 2024, 6:06am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829 "2024-01-29T06:06:02Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![awhite](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@awhite](https://discourse.threejs.org/u/awhite)\
**Post date:** [January 29, 2024, 6:06am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/1 "2024-01-29T06:06:03Z")

</div>

![Screenshot 2024-01-23 110611](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/1/e1fedc214acebeca929fba308a52902f00010dfe.jpeg)

the image source that i am using is high quality, but the result looks like this. how to improve the picture quality?

---

<div class="post-metadata">

**Author:** ![Man](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/man/32/34985_2.png) [@Man](https://discourse.threejs.org/u/Man)\
**Post date:** [January 29, 2024, 6:11am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/2 "2024-01-29T06:11:06Z")

</div>

You can use the AI tool to improve the texture quality by raising the resolution of the texture.

> **[Free Image Upscaler | Upscale Photo Online to 4K](https://www.pixelcut.ai/image-upscaler)**
>
> Fast, easy AI image upscaler lets you increase image resolution up to 4x in seconds.

hoping this will be helpful for you. 🙂

---

<div class="post-metadata">

**Author:** ![awhite](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@awhite](https://discourse.threejs.org/u/awhite)\
**Post date:** [January 29, 2024, 6:23am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/3 "2024-01-29T06:23:58Z")

</div>

tried this. still the same. i dont think its the image’s problem. i’d be grateful if someone could solve it using threejs. the same picture looks good when shown on macbook

---

<div class="post-metadata">

**Author:** ![Man](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/man/32/34985_2.png) [@Man](https://discourse.threejs.org/u/Man)\
**Post date:** [January 29, 2024, 6:27am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/4 "2024-01-29T06:27:38Z")

</div>

After raising the texture’s resolution, and then try this now.  
material.map.minFilter = THREE.LinearFilter;

---

<div class="post-metadata">

**Author:** ![awhite](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@awhite](https://discourse.threejs.org/u/awhite)\
**Post date:** [January 29, 2024, 7:26am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/5 "2024-01-29T07:26:19Z")

</div>

this is making the image look broken

---

<div class="post-metadata">

**Author:** ![Man](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/man/32/34985_2.png) [@Man](https://discourse.threejs.org/u/Man)\
**Post date:** [January 29, 2024, 8:02am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/6 "2024-01-29T08:02:12Z")

</div>

could you show me the code?

---

<div class="post-metadata">

**Author:** ![awhite](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@awhite](https://discourse.threejs.org/u/awhite)\
**Post date:** [January 29, 2024, 8:03am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/7 "2024-01-29T08:03:05Z")

</div>

okay it looks very clear after zooming in. Thanks a lot!

---

<div class="post-metadata">

**Author:** ![Man](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/man/32/34985_2.png) [@Man](https://discourse.threejs.org/u/Man)\
**Post date:** [January 29, 2024, 8:04am UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/8 "2024-01-29T08:04:22Z")

</div>

You’re welcome.  
I’m very glad to hear it works.

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [January 29, 2024, 4:18pm UTC](https://discourse.threejs.org/t/how-to-improve-image-quality/60829/9 "2024-01-29T16:18:39Z")

</div>

Make sure you’re also calling `renderer.setSize(window.innerWidth, window.innerHeight);` whenever the window is resized - otherwise the image can become blurred.