I have a transperent image image1.png that is383 x 133 px, and another background image image2.gif that is 430 x 128 px. I opened both of images in two separate tabs in Photoshop. Then I copied the image from the first tab and pasted it over the background image in the second tab.

The first image automatically sits in the middle of the second image. But when I save it and include it in my html page, the combined image looks blurred.

What am I doing wrong? is there another way to combine two images?

  • Perhaps you're saving it as a low quality jpeg. Nov 23, 2013 at 14:09

1 Answer 1


Your workflow is fine. When you save it out, use file>save for web and experiment with settings.

Another thing that could be causing it to appear low quality on the web is if you are displaying it at a different size than the image dimensions. Make sure you set the display width and height correctly in html/css. If the browser has to 'think' about scaling your image, you are relying on the browser to reinterpret each pixel.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.