Favicon setup (Appareance > Favicon) – see details —>

by | Sep 18, 2026 | Internal Quality Assurance

Skip to main content
How Can We Help?
< All Topics
Print

Favicon setup (Appareance > Favicon) – see details —>

Posted
Updated
Byattractiveuidesign

Video

https://drive.google.com/file/d/1Abfv6WzXHP30NcdfyLP16nEZQhpGEVpm/view

Video with subtitles

https://drive.google.com/file/d/1TNqtqvLfZ9-htsLr5ZK6ygXdXVZPkUNE/view?usp=sharing

_________________________

iOS

  • Change background color if white is not ideal

Android Chrome

  • In most cases, it is ideal to “Apply a slight drop shadow”
  • Change “App name” to be the business name
  • Change “Theme Color” to be the main branding color. This changes the URL bar color in Chrome, on Android devices.

Windows Metro

  • In most cases, “Use a white silhouette version” and change the background color to the main branding color.

MacOS Safari

  • In most cases, “Use a silhouette” version or “turn your picture into a monochrome icon” and adjust the threshold as needed.
  • Change “Theme Color” to main brand color.

Generator Options:

  • Version/Refresh: choose “The web site is already in production…”
  • Compression: in most cases “Very high quality” is preferred
  • Scaling algorithm: in most cases “Lanczos” looks the best
  • App name: choose the “Specific app name…”
  • Additional files: leave alone (blank)
Table of Contents