How do I ajust 8bit image borders ?

0 favourites
  • 9 posts
From the Asset Store
8Bit Game Sound Effects – 174 cool files (included .mp3 and .Wav versions).
  • Hi guys, to optimize the size of my game I tried to convert my image to 8bit png in photoshop. In construct there is a white! border arround my player. is there a reason ??? can I have a perfect transparent background arround my sprite like in the higher bit images ????


  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Im not 100% sure but I don't think that the 8 bit pngs in PS works very well with opacity, and therefore if your sprites in 24 bit depth have smooth edges, they will render a white border around the image where the opacity occurs.

    To solve it you have some options:

    1. Make all sprites with hard edges, mean you paint them with pixel setting in PS. This is the time consuming way, as you will have to repaint all the sprites.

    2. You can use this website to convert 24 bit to 8 bit pngs and will preserve the opacity as well. You can only do it with one image at the time so if you have a lot it will ofc take some time as well. To save the 8bit image you just right click the image it self and choose "save image as.."

  • thanks... i will try the site... do U think it makes a signifant change for performance having all 8 bit images ???

  • Hi, I tried in fireworks of also fine...I think there U can make a batch conversion

  • Go to this link...I made a small tutorial... ... -fireworks

  • It will actually only have impact on the download-size.

    While playing all images will be put into memory unpacked, so a 64x64px image will take up 64x64x4 bytes no matter what format you have saved it in.

  • Uh...really ? So the bit number is not affecting the game performance ???

    can U give me tips to have better performances...I mean general tips..I read a few scirra blogs about...but if u can give me a personal tip it would be nice


  • I think most blogs and tutorials already explain the basics:

    • try to avoid every tick events if triggered events will do the trick.
    • try to reduce the collision-checks
    • try to limit the amount of objects on the screen to prevent overdraw and not use precious memory
    • use groups and (de)activate them when needed..
    • use functions instead of repeating (almost) identical events
  • Thamks very helpful

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)