Skip to main content
BAS.ClientSupport@broadridge.comWebsite Manager Login

Website Manager

Favicon

Adding a Favicon to Your Website

Adding a favicon to your website is a great way to boost your site's visibility, professionalism, and brand recognition. A favicon, or favorite icon, is that tiny image that appears next to your website's name in a tab or bookmark list, helping users identify your site immediately. Follow these straightforward steps to customize and add a favicon to your Website Manager platform, enhancing your site's identity and user experience.

Create Your Favicon
  • Design an image that encapsulates your brand.
  • Remember, this image will be scaled down to a very small size, so simplicity and clarity are key.
  • Ensure the image is square and saved in one of the supported formats: ICO, PNG, or GIF.
  • Optimal Sizes:
    • 16x16 pixels: Ideal for web browsers.
    • 32x32 pixels: Suitable for taskbar shortcut icons.
    • 64x64 pixels: Recommended for desktop shortcut icons.

Add New Favicon to Website Manager  
  1. Login to Website Manager
  2. Navigate to ‘Edit My Website’
  3. Click ‘Site Settings’ and select the option labeled 'Favicon'
    favicon
  4. Click 'ADD NEW' to create new content.
  5. You will be prompted to add the following data attributes:
    1. Name* - Add a name for your Favicon (for internal reference only)
    2. Image URL - Click ‘Select’ to select your Favicon image.
    3. From Manage your Images, select an Existing Image, search for the image, and click, ‘Select’.
    4. To add a New Image…Click the ‘New Image’ tab.
      1. To upload files, drag and drop the image into this area or click inside the box to open a window, search your computer for the image, and click Save.
      2. Note -The Favicon can only be in ICO, PNG, or GIF format and should be 16-, 32- or 64-pixels square. 
    5. Add Alt Text for accessibility.
    6. Select from one of the 3 default size options.
      1. 16x16 pixels: Ideal for web browsers.
      2. 32x32 pixels: Suitable for taskbar shortcut icons.
      3. 64x64 pixels: Recommended for desktop shortcut icons.
    7. if the image is not already cropped to the one of the 3 sizes an error message will display.
    8. Click ‘Edit’ to resize the image.
    9. Adjust the image to be within the 64x64 (for this example)size and click ‘Save Changes’.
      1. To resize your image:
      2. Adjust the size using the slider to fit the yellow crop frame. Slide right to enlarge or left to reduce.
      3. To move the image, drag within the yellow crop frame or use the arrow icons in "Move Image" to adjust.
      4. Choose the focal point of the image that will be used to determine how it should be cropped for mobile devices. You can do this by dragging the yellow focal point icon or entering specific values in the "Focal Point Position" box.
    10. Click ‘Add to Library’.
    11. Toggle the favicon content to ‘On’ and click ‘Save’.
    12. To preview the new Favicon, go to PREVIEW and click ‘Desktop’.
    13. When viewing the site in presenter mode or live the new Favicon shall be displayed.
Download Detailed Steps
Back to New User Onboarding