Favicon appears boxed in Google results

[marijnvdwerf]

[mkst]

The png used is this, which has a grey background: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAS1BMVEUoLzErMjUcLiBOI3FkIZGAGrvSjfvat/WaHuFDK13MiPTZ4NSwtq7r1/uSCNqPlo+VH9kuNTkxOD2tUuW2YOu7bOuIYKNcSHCudtFX/bu7AAAA2UlEQVR4AcXNBZIEIQxAUVyXDKH1/iddIDBetvrb+1Uq7H/j83ivLXp7HBJSSdGQXoiJuNDGOiVqylmjBScm9SF+JFBaK0gfMXjGiftNhnhJ4HLOkC4xyLm/3xFsyqNkAekvIRcKYCKAErw35r3Ldzl/hyh0fkiLu8lCg7qeNFpuyOQzSjYR+0pwy7pt65KhL8WJnK3LFkzombAtK+OIA1HsQ4bvAisi41iR36shq7E22PQ4zeg8yPhE5EywY68d9QWpieStJqUMHFYK/SotfMJm9w18S+Wbk59b+hlTT5ghBQAAAABJRU5ErkJggg==

I guess Google have done something with their formatting, as it's now in a circle:

So the question is: should the favicon just be the frog with a transparent (or white) background?

[marijnvdwerf]

I guess Google uses this image from the manifest:

[bates64]

Looks fine to me now, except for the low contrast of the image

[shubhankar-shandilya-india]

HI @bates64 @marijnvdwerf I am willing to work on this issue. Could you please suggest what I can do to resolve this issue ?

[bates64]

Hi Shubhankar, I reckon the best thing to do is change the image in the manifest to have a light background. Then on Google it will look like the GitHub result that Mark posted. Feel free to join our Discord if you need help

[shubhankar-shandilya-india]

Hi @bates64 @marijnvdwerf should I replace this code "src": "purplefrog-512.png" in the manifest.json code it with this image

[mkst]

Should generate a png from an svg to ensure its nice and crisp

[shubhankar-shandilya-india]

should i use general web tools to generate one from svg or there is any other method @mkst

[mkst]

I'm not sure if they are going to be optimised by the upload process. So here's a zip with them in:

frog-512.zip

[shubhankar-shandilya-india]

Ok so i will replace the "src": "purplefrog-512.png" with this white background image in manifest.json @mkst

[mkst]

Sounds good to me!