Blurry Pixel Art

I have a piece of pixel art that looks really nice but every time I try to import it into unity it becomes very blurry. When I have it imported and open it in the sprite editor it looks fine, but when I put it into the scene and look at it in both the Game and Scene tabs it is blurry.


This is the sprite: https://drive.google.com/open?id=1TpfQM3nw74aj92uzQbXqfTkuvxbqW-Zb
And these are the import settings: https://drive.google.com/open?id=1tfxXcklaQN05GfPBNtNZrlmEOLPdVhBD

Any help would be greatly appreciated.

 

I found that changing the Pixels Per Unit from 100 to 40 seems to fix the problem. Is that normal or is there another way I should handle this?

 

I use Pixels Per Unit at 10 and it looks good

 

The Pixels Per Unit setting is going to effect how the sprite is displayed in an orthographic (2D) camera. Changing the PPU setting to properly match the settings on the camera will give you the 1x1 pixel display you are most likely looking for. (and eliminate the blurring)

 

How do I go about making sure that I have a 1x1 pixel display?

 

Maybe this blog-post is what you're looking for?
https://blogs.unity3d.com/2019/03/1...up-your-unity-project-for-retro-8-bits-games/

 

In Unity, you first need to make sure that your camera is orthographic. You've got two basic objects, orthographic and perspective. Orthographic is what you normally go with when you are doing 2D, and perspective is the default camera for 3D. For pixel-accuracy, you definitely want to stick with orthographic.

On the orthographic camera, there is a setting called camera height. What camera height boils down to is that it is half of the overall vertical coverage of the camera, in Unity units. So if the camera height says 5, that means that the overall vertical coverage of the camera is 10 Unity units. You take the pixel height that you're targeting, and divide it by twice the camera height. (Pixel Height) / (Camera Height * 2). The product of that little equation will give you how many pixels per Unity unit you need to target to get 1x1 pixel display.

 

this will fix it. Just change filter setting on the sprite to no filter

 

set filter mode to pont(no filter)

 

Hello, I don't know if you still need help with this, but what I do is I change the Filter Mode from Bilinear to Point.

 

If you want to know why this works, here's a quick explanation:
If you use bilinear filter, it will interpolate the pixel colors and thus it won't look as CRISP as before.
Point makes sure to only sample colors per pixel and not mix them.

 

I have found two main settings causing the problem:

1. Filter mode set to "Bilinear
This setting is found on the art. (Inspector)

2. HDR set to "Use setting from Universal Pipeline Asset"
This can be found on the camera under camera, output.

 

Hi @CobaltTheFox,
Hope so you're doing good, becoming blurry in Unity could be due to the import settings and the way Unity handles the image's resolution. From the provided import settings screenshot, it seems like you have the Filter Mode set to "Bilinear" and the Compression set to "Default." These settings might cause the image to appear blurry when scaled or displayed in the scene.

To maintain the pixel art's sharpness, you can try adjusting the import settings as follows:

1. Change the Filter Mode to "Point" instead of "Bilinear." This ensures that Unity doesn't apply any interpolation to the pixels, preserving their original sharpness.
   
   
2. Set the Compression to "None" or "Disable." This prevents Unity from compressing the image, which can introduce artifacts and affect the quality of the pixel art.
   

Additionally, ensure that the Pixels Per Unit value matches your intended scale for the pixel art in the scene. This value affects how Unity maps the pixels to the scene's units, and setting it correctly helps maintain the desired sharpness.

By applying these import settings changes, you should see an improvement in the clarity of your pixel art when viewed in the Game and Scene tabs of Unity.

Cheers,
Bryce June

 

This worked for me ….


Click on Assets
Right click on your sprite
Click on “select dependencies”
(In Texture settings)
On inspector settings on the right of the screen scroll down to “Filter mode” - change to Point (no filter)
Scroll down and click on “apply”