PNG displays a pixelated image on mobile.

Unity Engine
1

Hello all,

I’m having an issue with an image I’m testing. It looks fine by itself but shows up on my iPhone very pixelated.

What am I missing here? I want the image to be as crisp as it appears in the original image.

I’ve tried all filter modes, turned mip maps on and off, I’ve tried different “Max Sizes” and formats. Nothing seems to work.

I’ve also changed the compression from JPEG to PNG which which made the image a little more legible but I still get the pixelated image.

What the original image looks like:

1022×1024 103 KB

Here is what it looks like on my phone:

577×1024 59.7 KB

Here are my sprite/texture settings:

951×1024 166 KB

I’ve also included a link to my test project HERE if you want to investigate further.

Any help is much appreciated,
Thank you for your time!

2

Figured out what my issue was!

For anyone else that runs into something similar:

Turn off “Compress Assets on Import” in Unity’s Main Preferences and reimport your image/sprite.
(The above ^^^ was the main cause of my problem.)

Set your Texture Type to 2D or Advanced.
No MipMaps
Filter Mode to Point
Format RGBA 32 under True Color

3

Filter mode should be bilinear in most cases.

–Eric

4

Ah okay, thanks for that Eric! I’ll have to test that setting out.