A sollution for the image distortion problem

While making a CDRom interface in flash I came across this nasty and much hated problem of distorting pixels for image-rollovers and other types of pixel images. After a lot of searching and trying out things I came across a solution.

I have to note that i noticed the problem while using .png files and used .gif files for the solution although the solution might also work with .png files.

ok the solution is pretty damn simple but that’s always easy talking afterwards;

1. Add a transparent border around your image (just 1 pixel on the left, front, top, and bottom was enough for me)

2. Move the image or buttons registration point to 0,0 (the little cross with the circle around it) you can use the Align tool for this to make things easy.

So instead of this:

.............
:           :  
:     O     :
:           :
.............

it should be this:

O............
:           :
:           :
:           :
.............

That's all really. I hope to have saved some of you some long nights without sleep. :)

Take care.