I have a text logo image in photoshop of size 2500 x 1316 px. The text is very clear and crisp in this size. I have to put it on a website and the height of logo should be around 40px – 50px. When i change image dimensions in photoshop to 45px, it becomes blurry when applied on the website.
Is there a way to reduce height to 45px and still maintain the quality of image? So that its easily readable?
I have tried Bicubic Sharper but same result.
3
Answers
Try to get a bigger image to use on photoshop, and if it is text, just make it bigger, but if there is an image, you should find a bigger image, if you can.
I think your problem is you scale it down to a low dimension and then in the web page, you make it larger and it gets bad blurry or has other problems.
My suggestion is:
simply use the original image in the web page without scaling and make sure aspect ratio is not changing in the web page
Normally, the quality is good when you scale down but not scale up.
Check this and this. Original size is
6000*6000
and4500*4500
but the quality in google is perfectly fine without any blur.Also, when saving the logo, make sure it is an uncompressed type such as
.bmp
not.jpg
A properly created logo should never be manipulated as a raster graphic. If you want a crisp result at that kind of resolution reduction, you’re much better off getting ahold of the original vector version of the logo.
ALSO, no graphic is going to be “crisp” when reduced from 2500 to 50px. That’s just far too much reduction for detail retention.