The web app I work on currently has users upload different logo files for each product use--favicon, site logo, print logo, etc. We want to change this so users upload one file that can be used in all cases. I don't have a strong graphic design or visual design background and am struggling to figure out what size file we should ask users to upload for all these uses. My internet searches have only turned up best dimensions for specific use cases.

New contributor
Rebecca is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
  • 4
    Have you confirmed that this is what your users want? I wonder, because the favicon is very often not the same as the company logo (for example, Google's favicon is a simple "G" instead of the full "Google" logo illegibly squished into a 16x16px square). Could you instead consider an option that says something like "[×] Use this logo file as my favicon also"? – maxathousand Jul 20 at 21:36
  • 2
    I think you should reconsider this. How often are people going to change the files? My guess is not very often. So the impact of the effort needed to find/create and upload multiple files is smaller than the impact of having wrong or deformed images and not being able to change that. – jazZRo Jul 21 at 7:24

OK, so if your server is based on NodeJS, you can try out the RealFaviconGenerator API. The NodeJS plugin can be found here: RealFaviconGenerator NodeJS.

I also found this really neat NodeJS module called favicons (repo)

Just remember that you'll need to make sure to communicate to the user that there's a minimum image size of 260x260px.

Hopefully, you found this useful.

Your Answer

Rebecca is a new contributor. Be nice, and check out our Code of Conduct.

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.