DW, ok sweet. we're almost there.
the first banner there is perfect, no blurriness.
but this second while better because it has the extra cow, is now blurry.
and your screenshot is good now, thanks servo for helping with that.
the problem is coming when you are resizing your screenshot to fit in the banner. two things.
1. when resizing you have to increase by a even percentage. Ie, 200%, 300%, 400% etc. if you want the pixels to stay square. for example if you start with and image thats 100pixels by 100pixels...and increase it to 200x200 then each pixel just doubles in size from...
X
to
XX
XX
basically it stays a square. but if you increased it to 150x150, each pixel goes to 1.5 pixels, and since photoshop doesnt do half pixels it picks a middle color for inbetween and you get blur. the easiest way is to go to %s when picking the new size.
2. when you change image size in photoshop you have to check how it is resampling (this is at the bottom of the resize box.) bicubic is default, and its bad. it blurs. you want nearest neighbor. that will keep the pixel nature of the image. no blur. here is an example. (these were each increased by 500%)

- example1.png (4.29 KiB) Viewed 5258 times
original

- example2.png (5.11 KiB) Viewed 5259 times
nearest neighbor

- example3.png (56.18 KiB) Viewed 5259 times
bicubic (default)
I hope this makes sense!!