Can't Fix Blurry Favicon

Ask us anything
1

I’ve attempted to upload different files and formats for my favicon and it always showcases extremely blurry in all of my browsers.

App I’m using to export: Adobe Illustrator

Formats I’ve tried with no avail:

  1. 64x64 px PNG
  2. 32x32 px PNG
  3. SVG
  4. .ico files are not getting uploaded in Weweb (assuming they are not supported, which is contrary to the documentation “Any valid favicon format is accepted”)

Browsers I’ve tested the favicon in:

  1. Chrome (Mac)
  2. Safari (Mac)

Export settings I’ve tried in Illustrator:

  1. PNG - Art Optimized (supersampling)
  2. PNG - Type Optimized (Hinted)
  3. Tried with and without “pixel perfect” Illustrator option.
  4. Tried with and without background.

Design Notes:

  1. Tried with and without a solid background.
  2. Ensured artboard is square.
  3. Background is always transparent.

None of these options have helped and my favicon looks extremely pixelated.

Any help is appreciated, thank you.

2 Likes