On my portfolio site at http://samnorris.co.nz I have an animated .gif image - the astronaut with the heading underneath: "Protecting the galaxy one pixel at a time"...
I'm not sure if it's just me and my monitor or not, and it is only very, very subtle but I can notice the background texture is not blending very well to the background texture on the page (which uses the same texture) and at some resolutions, and especially while scrolling I can see a visible square-like 'halo' around the image, as if the texture on the gif is slightly lighter than on the page or something.
I have tried various Photoshop export settings including Perceptual, Adaptive and Selective and quality: bilinear, bicubic ect. but nothing I have tried so far seems to solve it.
Incidentally, I was using a different background texture before which didn't seem to suffer from the problem, so maybe the problem just lies with the (complexity of?) the texture itself? or is there some way I can make sure the background texture in the .gif blends perfectly to the pages' background?
Here is the actual image itself:
and the background texture used on the page, if it helps at all:
It only seems to be a problem with the GIF and none of the other JPEG's or PNG's on the same page/section which use the same background texture either.