High Resolution Wix Favicons


Are your Wix website's icons showing up blurry on iPhones, Droids or other mobile devices? In addition to adding a Favicon to your Wix website, there is also a way to make sure that your Wix website design uses a high resolution icon on iPhones, Droids, and other devices. Just uploading a high resolution PNG or JPG (800x800px), using Wix's Favicon setting is not enough – you also need to add some Meta Tag code to tell devices where to find the high resolution icon in the Wix Editor.

Here is how it is done, below:

1. Open your Site Editor, then Site Manager (found under "Site" in top menu)

2. Click the SEO tab.

3. Enter the following code under Header Code - Meta Tags:

<link rel="apple-touch-icon" sizes="180x180" href="CHANGE_THIS_TO_IMAGE_FULL_URL.png" />

<link rel="icon" type="image/png" href="CHANGE_THIS_TO_IMAGE_FULL_URL.png" sizes="192x192">

Note: You DO need to replace the above image URL in the quotation marks.

How do you find your Wix image's URL? The image URL from step 3 must be from an image that is hosted at Wix. You can upload your 800x800 PNG file then use the media library browser to find your image, then rollover the enlarge icon and then right click on the image to copy the image link, and replace the link in the above code with your specific image's URL. Or, you can also place the image on your site, open the Live site, and then right-click on the image and choose "Copy image address" or "Copy image Location" to get the image's URL. See this example below of what a typical image URL from Wix looks like:

https://static.wixstatic.com/media/139de8_20dec007afc1436cb02df5f2b00694b7.png/v1/fill/w_252,h_252,al_c,lg_1/139de8_20dec007afc1436cb02df5f2b00694b7.png

Add the customized code to your meta tags in the SEO settings of your Wix website Site Manager, and then make sure to PUBLISH to apply the changes and this will make it so that your website favicon shows up in high resolution on devices.

This tip was originally found from:

support.wix.com/en/article/setting-the-homescreen-icon-for-iphones-ipads-and-android-devices

See below screenshots on where to find the Site Manager and the SEO settings:


As a website designer and graphic designer, I love sharing great tips and tools that make designing easier. As part of my website design services, I train clients on how to update their websites or to do their own SEO (search engine optimization), so I post many of these tips for my clients to train them how to use Wix and other tools to keep their website up-to-date. Keeping websites current is the best way to get found and to keep people coming back to your website. 
 

Check out all my Design & SEO tips and resources in my blog

Reach out with questions or for a free design estimate:

© 2020 Pickle-Wix Web Design located in Denver, Colorado