I tried image setting to 100 quality in Jpeg and 10 in PNG but still when I upload the logo it appears smudgy on the site.

Can some please help how to upload 100% crisp quality logo in IPS backend?

Thanks in advance.

Have you tried uploading it at a smaller height and width?

3 minutes ago, CoffeeCake said:

Have you tried uploading it at a smaller height and width?

So you suspect, its because of scaling?

I have tried couple of options but it was all the same.

Any clue what's the max logo size, so I can try exact dimensions.

Well, the logo on your site is 280x80. What are the dimensions of the image you uploaded?

Are you using imagemagick or gd? What are your settings for jpg quality?

Perhaps try uploading in png format.

Edited April 8, 20214 yr by CoffeeCake

Thanks, I figured that dimension and uploaded the same size and its still seems fuzzy or smudgy

I think it may be your jpg quality settings. What happens if you upload in png format?

Never mind. I see that you're using Cloudflare. You'll need to check your settings there.

Cloudflare Polish is activated for your site, and your logo is being served from Cloudflare's cache. Your image is being converted into a webp file for those browsers that support webp, and the original format you used was a JPEG image. JPEG is really only good for things like photographs and is rarely an appropriate format for something like a logo. You'd want to use a transparent PNG file or similar until something svg or webp is supported natively by IPS.

You have some options. You can turn off the Polish feature entirely on Cloudflare or use a page rule to make an exception for your logo. You will need to clear the cache for your image from Cloudflare though to see any changes. Documentation: https://support.cloudflare.com/hc/en-us/articles/360000607372-Using-Cloudflare-Polish-to-compress-images

See the headers associated with your logo image, as served from carnity.com:

cf-bgj: imgq:100,h2pri
cf-cache-status: HIT
cf-polished: origFmt=jpeg, origSize=13060
content-disposition: inline; filename="1802184490_Carnitylogoapr2021.webp"
content-length: 9220
content-type: image/webp