The browserconfig.xml file is used to configure how a website behaves when pinned or added to the Start menu on Microsoft Edge or older versions of Internet Explorer.
It allows web developers to define specific settings, such as tile images, background colors, and other visual elements that represent the site as a tile in the browser or operating system interface. This file is particularly useful for customizing the user experience for Windows users who pin websites to their taskbar or Start menu.
For example, browserconfig.xml can specify different tile sizes and images, ensuring that your site is visually consistent across various devices and screen resolutions.
Although its usage has decreased with the rise of Progressive Web Apps (PWAs), it is still an important tool for sites wanting to support Windows-specific features.
Technical Notes
Placed at /browserconfig.xml
Example
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/images/tile.png"/>
<TileColor>#ffffff</TileColor>
</tile>
</msapplication>
</browserconfig>Webflow
Webflow does not directly support this file, but redirects may work.
Webflow has recommended this approach;
https://share.getcloudapp.com/v1um4rqz
- Create your file, with the content you want
- Upload it to your site assets
- Get the URL of the uploaded asset
- Create a redirect from the path you need to your URL
- Publish your site
To ensure no problems with the redirects you can use a reverse proxy solution like Sygnal's Hyperflow to deliver your files reliably.
