Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. We have updated the language to the Editor Terms based on feedback from our employees and community. Learn more.
    Dismiss Notice
  3. Join us on November 16th, 2023, between 1 pm and 9 pm CET for Ask the Experts Online on Discord and on Unity Discussions.
    Dismiss Notice

Unwanted pixelated art when it should look smooth... :(

Discussion in 'General Graphics' started by Botilada, Jul 3, 2019.

  1. Botilada

    Botilada

    Joined:
    Apr 25, 2019
    Posts:
    8
    Hi, I am new to Unity and can't figure out what I am doing wrong. The graphical elements look awful. The screen shot is part of a screen. All things in the blue bar are UI images and the things on the green background are sprites. Any hints to where I should start my trouble shooting?

    upload_2019-7-3_17-22-27.png
     
  2. Botilada

    Botilada

    Joined:
    Apr 25, 2019
    Posts:
    8
    I have done a test to see what affects a png image in Unity. All shoes in the attached image are imported to assets as png, then draged onto the scene. This makes them sprites with a sprite renderer. The image in the middle has no changes but the big one is scaled to 2 and the small one is scaled to 0.5. What puzzles me is that the small image is so pixelated. Normally it is a good thing to use a larger size and then downscale it rather than the oposite. But here the enlarged shoe looks better than the diminished shoe...? Why? And how can I control the outcome of my graphical elements?

    upload_2019-7-5_16-2-12.png
     
  3. AlexHell

    AlexHell

    Joined:
    Oct 2, 2014
    Posts:
    167
    Downscale to 0.6 - 1.0 can be good
    downscale to 0.5 (and less) give you Aliasing (source: https://en.wikipedia.org/wiki/Bilinear_filtering Limitation part)
    due to this effect, bilinear filtering always have limits of applying (near 0.5 as I know), and when image must be downscaled more than 0.5 - the mip-mapping comes on, i.e. create 0.5 image prepared (png) and use it where you need to downscale original (1x) near 0.5-0.25 and use this new image instead (you can have 2 copy of it - for Big and for Small instance in UI)
    or use mip-mapping in your sprite in settings (imho it will not work, as I know)
     
    Last edited: Jul 5, 2019
    Botilada likes this.