Join the Webstudio community

Updated last month

Double-checking how favicon works in Webstudio

At a glance

The community member is inquiring about how Webstudio handles favicons. They want to know if they can upload a single image in any format (png, webp, svg, etc.) and Webstudio will automatically generate all the necessary icon files and HTML tags, or if they still need to create separate .ico files and other assets. The comments indicate that in the project settings, the community member was able to select svg, jpg or png from their uploaded images, suggesting that Webstudio may indeed handle the favicon generation automatically. However, the second comment notes that usually, to support all platforms, a series of icon files and a manifest file are required, and the community member wants to confirm if Webstudio takes care of that process as well.

I just wanted to double-check how favicons are handled in Webstudio: can I upload any image, in any format (png, webp, svg, etc.) and Webstudio will automagically create all necessary icons and tags for me, out of that single image? I don't need to go and separately create my own .ico files, etc., anymore?

If so, you guys really need to update the docs to say that explicitly β€” that's awesome, and you guys are not giving yourselves enough credit!
C
I
2 comments
In the project settings I could easily select svg, jpg or png from my uploaded images
Yes, indeed! But usually, in order to support all platforms adequately, we have to produce a series of 'icon' files β€” eg., files for Android and iOS, as well as the usual .ico file, in several different sizes, as well as a 'manifest' file for Windows... I wanted to know whether Webstudio automatically generates all those files β€” and the accompanying tags that need to go in the <head> that point to them β€” out of the single file we upload. That would indeed be wonderful, and if that is the case, they should make a bigger deal out of it in the docs!
Add a reply
Sign up and join the conversation on Discord