Updated date:

Why Do My Sprites Look Bad in Unity?

Author:
why-do-my-sprites-look-bad-in-unity

Sometimes, importing a custom asset into Unity as a sprite looks fuzzy or pixilated when switching from Scene view to Game view. It might seem as if, for some reason, Unity had downgraded the quality of the image. Try the settings outlined below to fix this common problem.

Preparing the Image for Importing

When creating your sprite image in a program such as Photoshop, a size setting at around 512 x 512 pixels is good. Size multiples of two work best, this is a good size if you want something larger for better quality, but still not too large for loading onto a phone. Go ahead and set the dpi at 72. You might choose to leave it at the default of 300, but that might only matter if you intent to print the image. Many graphic experts advise a setting of 72.

Export and saved the graphic image as a PNG, which retains the image’s original qualities better than other formats. Of course, you can also try exporting in other formats to experiment.

Import Settings in Unity

After importing your image into the Unity assets folder, create a “New Sprite” by right-clicking into the Hierarchy panel and selecting “2D Object – Sprite”. Then, click on the image in the assets folder and drag it into the “Sprite” line in the Sprite Renderer.

If you notice that the quality does not look good in Game view, try these adjustments. Click on the image asset from the asset folder to bring up the “Import Settings” panel. Proceed to the “Default” panel at the bottom (see photo), and click on the Android icon. From there, check the “Override for Android” option. Set the max size to be 512, and then, under “Format,” I select RGBA 32 Bit.

Lastly, check the “Pixels Per Unit” in the same Import Settings panel. The default might be set at 100, so try a higher setting, such as 512, to see if that improves the look of the image. If not, be sure to try the following step below.

Import Settings

why-do-my-sprites-look-bad-in-unity

Make Sure You Try a Higher Resolution

Look at the resolution settings in the drop-down menu below “Game Mode.” Many automatically select a ratio option, such as 16:9, the typical size of a cell phone screen. But, note that you also have options for the resolution, including a “+” sign that lets you customize and add your own. As an example, if a cell phone ratio of 16:9 is not showing clear images in “Game Mode,” try a high resolution setting of 1280 x 720. If that does not produce the desired result, be sure to try an ultra-high resolution setting of 1440 x 2560. You may need to create (via hitting the + sign) this higher resolution as a custom setting. The specific resolution needed might depend on the resolution at which the graphics were originally created.

Please add comments and feedback below if you have more insight to share!

Resolution Setting

why-do-my-sprites-look-bad-in-unity