# Poor background image quality

**URL:** https://discourse.threejs.org/t/poor-background-image-quality/29712
**Category:** Questions
**Tags:** textures, loaders, 360°-images
**Created:** [September 8, 2021, 8:38am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712 "2021-09-08T08:38:51Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![sourrain](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sourrain/32/20785_2.png) [@sourrain](https://discourse.threejs.org/u/sourrain)
#### Post date: [September 8, 2021, 8:38am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/1 "2021-09-08T08:38:51Z")

</div>

How to improve the image quality?

> <https://gist.github.com/sourrain/6adf14ca3cb853aa31f8951f997707af>

---

<div class="post-metadata">

### Author: ![Qiumeng12](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/qiumeng12/32/19371_2.png) [@Qiumeng12](https://discourse.threejs.org/u/Qiumeng12)
#### Post date: [September 8, 2021, 8:53am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/2 "2021-09-08T08:53:57Z")

</div>

You can change the encoding properties of the texture

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/b/eb59789b9b9391f04a3787dfc86f1ca9b9ec9620.png)

---

<div class="post-metadata">

### Author: ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)
#### Post date: [September 8, 2021, 8:57am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/3 "2021-09-08T08:57:01Z")

</div>

@Qiumeng12 Why should this impove the image quality?

---

<div class="post-metadata">

### Author: ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)
#### Post date: [September 8, 2021, 8:58am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/4 "2021-09-08T08:58:34Z")

</div>

@sourrain I’ve copied your code into a live example so it’s easier to see what’s going on: [https://jsfiddle.net/7op5qua3/](https://jsfiddle.net/7op5qua3/)

The example looks actually as expected. You might want to try a cube map with a higher resolution.

---

<div class="post-metadata">

### Author: ![Qiumeng12](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/qiumeng12/32/19371_2.png) [@Qiumeng12](https://discourse.threejs.org/u/Qiumeng12)
#### Post date: [September 8, 2021, 9:03am UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/5 "2021-09-08T09:03:54Z")

</div>

Just change the encoding of the texture ,Cannot improve image quality 😊

---

<div class="post-metadata">

### Author: ![sourrain](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sourrain/32/20785_2.png) [@sourrain](https://discourse.threejs.org/u/sourrain)
#### Post date: [September 8, 2021, 2:55pm UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/6 "2021-09-08T14:55:34Z")

</div>

Cuz when I run this on my localhost the quality of image is really bad.

---

<div class="post-metadata">

### Author: ![sourrain](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sourrain/32/20785_2.png) [@sourrain](https://discourse.threejs.org/u/sourrain)
#### Post date: [September 8, 2021, 2:56pm UTC](https://discourse.threejs.org/t/poor-background-image-quality/29712/7 "2021-09-08T14:56:40Z")

</div>

Oh wow it looks totally fine on there.