# Can't achieve pixel perfect in a tilemap

**URL:** <https://phaser.discourse.group/t/cant-achieve-pixel-perfect-in-a-tilemap/14834>\
**Category:** Phaser 2 / CE\
**Created:** [October 14, 2024, 12:22am UTC](https://phaser.discourse.group/t/cant-achieve-pixel-perfect-in-a-tilemap/14834 "2024-10-14T00:22:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![AKARI](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/akari/32/8585_2.png) [@AKARI](https://phaser.discourse.group/u/AKARI)\
**Post date:** [October 14, 2024, 12:22am UTC](https://phaser.discourse.group/t/cant-achieve-pixel-perfect-in-a-tilemap/14834/1 "2024-10-14T00:22:29Z")

</div>

It happens to me in all the games I make with Phaser 2. The map pixels don’t look like they should.

For example: In this image the area indicated by the arrow is displayed correctly.

 ![Screenshot_20241013_195943_anWriter](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/0/0b027b1572bdac5869e05b43239d55b9eaabbd22.png)

But when you get closer it gets blurry.

 ![Screenshot_20241013_195956_anWriter](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/6/62a9091832e50d7b87cd9f5c1dc587bc2a99e2ca.png)

I’m not sure what I’m doing wrong.

My code for pixel art:

```css
canvas, * {
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
}

```

```javascript
game.renderer.renderSession.roundPixels = true; // this is at boot.js

```

Please help. Thanks in advance

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [October 14, 2024, 12:42pm UTC](https://phaser.discourse.group/t/cant-achieve-pixel-perfect-in-a-tilemap/14834/2 "2024-10-14T12:42:26Z")

</div>

Switch to `Phaser.CANVAS` and see if it makes a difference.

---

<div class="post-metadata">

**Author:** ![AKARI](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/akari/32/8585_2.png) [@AKARI](https://phaser.discourse.group/u/AKARI)\
**Post date:** [October 14, 2024, 1:42pm UTC](https://phaser.discourse.group/t/cant-achieve-pixel-perfect-in-a-tilemap/14834/3 "2024-10-14T13:42:24Z")

</div>

I’m already working with canvas because with webgl is worst