Poor Banner Image quality

  • 1
  • Problem
  • Updated 7 years ago
  • Solved
Hi i have started working on my website and i have chosen a layout that gives me the option to change the banner. Using photoshop I have ceated a banner with my logo in, However everytime I upload the banner the quality changes from the original which has a gradient background. I have tried uploading it in PSD format but it does not upload and every other option (jpg or gif) are doing the same . please help. . .
Photo of Jason - Newco Building Services

Jason - Newco Building Services

  • 3 Posts
  • 0 Reply Likes
  • frantic

Posted 7 years ago

  • 1
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Jason

Which style are you currently using?

Just for a test can you upload all the image types you tried to upload to your banner here in this thread?

As far as a gradient is involved PNGs are always the crispest, JPG are next in line but are less quality than a PNG, GIFs are pretty much last in line for quality and the gradients in my opinion loose their original looks.

I like crystal clear images or clip-art and 80% of the time will use a PNG over any other... ;) I would always recommend a PNG if you want true to your original designed image for clarity and crispness.

Happy site building
Ed

If the lady bears don’t find you handsome they should at least find you handy...Don't forget to share the bear....

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Thanks for helping here Ed ;)
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
I am here there and everywhere... Super Bear said that. ;)
Photo of Jason - Newco Building Services

Jason - Newco Building Services

  • 3 Posts
  • 0 Reply Likes
I never thought about using PNG and now i have a perfect image for my banner . . . . thank you very much
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
The little things that make life happier... ;) I always like a good PNG any day...

I might compress the image down a bit because for such and image without much graphics it currently is 351.74kb and that is pretty big for a banner.

If you cannot compress the image using photoshop use the following free online image compression tool.

http://forum.yola.com/yola/topics/ano...

I used your recent PNG image and set the compression to 100% and got these results:

Compression Level: 100%
Original size: 351.74 kb
New filesize: 69.15 kb

This dropped the file size by 282.59 kb which is a huge amount.

A setting with a higher percentage means less compression and a lower number means more of a compression. The text on the website was wrong in their description. "Higher % = smaller file size but worsened image quality. " The opposite is true...

Give the converter a try if you like...