Gauravk Posted April 8, 2021 Share Posted April 8, 2021 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. Link to comment Share on other sites More sharing options...
CoffeeCake Posted April 8, 2021 Share Posted April 8, 2021 Have you tried uploading it at a smaller height and width? Link to comment Share on other sites More sharing options...
Gauravk Posted April 8, 2021 Author Share Posted April 8, 2021 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. Link to comment Share on other sites More sharing options...
CoffeeCake Posted April 8, 2021 Share Posted April 8, 2021 (edited) 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, 2021 by CoffeeCake Link to comment Share on other sites More sharing options...
Gauravk Posted April 8, 2021 Author Share Posted April 8, 2021 Thanks, I figured that dimension and uploaded the same size and its still seems fuzzy or smudgy Link to comment Share on other sites More sharing options...
CoffeeCake Posted April 8, 2021 Share Posted April 8, 2021 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. Link to comment Share on other sites More sharing options...
CoffeeCake Posted April 8, 2021 Share Posted April 8, 2021 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 Daniel F, Morgin and Gauravk 2 1 Link to comment Share on other sites More sharing options...
Recommended Posts