Optimize Favicon and Apple Touch Icon for Xenforo 2

Optimize Favicon and Apple Touch Icon for Xenforo 2

Optimize-Favicon-and-Apple-Touch-Icon-for-Xenforo-2.webp


By default, Xenforo lacks flexibility for setting the Favicon and Apple Touch Icon.

Specifically:

You will set them in Appearance -> Style properties -> Basic options.
- Favicon URL (32x32): Set the image for the favicon. Xenforo recommends a PNG file with a size of 32 x 32px.
- Icon URL (192x192): Set the image for the Apple Touch icon. Xenforo recommends a PNG file with a size of 192 x 192px.

However, according to Google's recommendations:
For the Favicon, you can use the following image formats: PNG, ICO, SVG. The recommended size is 48 x 48px.
developers.google.com

The Apple Touch Icon should use a PNG image with a transparent background. The recommended size is 180 x 180px
developer.apple.com

With the XenVn addon, you can customize these two images to the correct standard at: XenVn Settings -> Tweaks -> Customize Favicon, Customize Apple Touch Icon
1784776036451.webp


After the setup is complete, your icon tags will look like this:
HTML:
You must log in to view
(2 lines)
 
Back
Top Bottom