# Blurred sprites from png

**URL:** <https://phaser.discourse.group/t/blurred-sprites-from-png/5518>\
**Category:** Phaser 3\
**Created:** [March 15, 2020, 7:36pm UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518 "2020-03-15T19:36:50Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cpusam](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/cpusam/32/3136_2.png) [@cpusam](https://phaser.discourse.group/u/cpusam)\
**Post date:** [March 15, 2020, 7:36pm UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518/1 "2020-03-15T19:36:51Z")

</div>

Hello,  
My game is having some troubles with the sprites: the images are blurred, see follow image:

 ![Captura de tela_2020-03-15_16-31-45](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/e/edbc1d2542031cba05cf0fda911bffce893559b2.png)  
See an high quality sprite to compare:  
 ![building](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/2/22684339393c5f98723bb971820cf02e6c85a440.png)

What should I do the keep the quality of the sprite? Should I use another png editor? (I’m using Inkscape to draw the sprites).

---

<div class="post-metadata">

**Author:** ![espace](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/espace/32/1405_2.png) [@espace](https://phaser.discourse.group/u/espace)\
**Post date:** [March 15, 2020, 7:49pm UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518/2 "2020-03-15T19:49:20Z")

</div>

are you scale the image ? if yes that’s the problem.

---

<div class="post-metadata">

**Author:** ![cpusam](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/cpusam/32/3136_2.png) [@cpusam](https://phaser.discourse.group/u/cpusam)\
**Post date:** [March 15, 2020, 8:51pm UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518/3 "2020-03-15T20:51:47Z")

</div>

I’ll give a look at this. Thanks

---

<div class="post-metadata">

**Author:** ![Telinc1](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/telinc1/32/60_2.png) [@Telinc1](https://phaser.discourse.group/u/Telinc1)\
**Post date:** [March 15, 2020, 9:46pm UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518/4 "2020-03-15T21:46:31Z")

</div>

PNG is a raster format. Resizing a raster image inside the game by changing its scale (or its display size, which also changes its scale) will degrade its quality no matter which format it’s in.

To “fix” this, the image has to be drawn at the size you need it. If you’re using Inkscape, you’re probably working with vector graphics, so you should be able to export a PNG of any size.

---

<div class="post-metadata">

**Author:** ![cpusam](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/cpusam/32/3136_2.png) [@cpusam](https://phaser.discourse.group/u/cpusam)\
**Post date:** [March 16, 2020, 12:05am UTC](https://phaser.discourse.group/t/blurred-sprites-from-png/5518/5 "2020-03-16T00:05:24Z")

</div>

Ok man, thanks for the infos. I disabled the scale fit and the game stays at the predefined size. For now, I will keep without the auto scale.