Website Workshop

1Upload
2Configure
3Build
Every asset your website needs, in one ZIP
Favicons, Apple touch icons, Android PWA icons, Microsoft tiles, Open Graph images, web manifests, browser configs, and the HTML to wire it all up.
Step 1
Upload your logo
Ideally square, at least 512px. SVG is perfect. You'll position and frame it exactly how it should appear across every output size.
Drop your logo here
or browse files — PNG, SVG, JPG, WEBP
SVG recommended — vector logos produce the sharpest results at every size. If you have a PNG and need to convert it, try SVG Vectorify.

Step 2Fill in the details

This info powers your web manifest, browser config, and social meta tags. Everything here flows into the generated files.

Site Identity
≤12 chars — used on home screens & app launchers
Theme Color
Browser chrome, status bar, tile backgrounds
Asset Path
Files default to your site's root directory. If you'd rather store them in a subfolder, enter the path below — all HTML references and manifest paths will update to match.
/
Note: Browsers and crawlers look for favicon.ico and apple-touch-icon.png at your root automatically, without reading your HTML. If you move these into a subfolder, some clients may not find them. You may want to keep copies at root as well.
What to Include
Social images use your logo centered on the background color. Want a custom image instead?
Drop or click for a custom OG image (1200×630)

Step 3Ready to build

Review everything below. Hit the button and you'll get a single ZIP ready to upload to your server.

Preview at Actual Sizes
Files in Your Package
Must be at root Path-aware (uses your prefix)
HTML <head> Snippet
Paste inside your <head> — also saved as head-snippet.html in the ZIP.
Done
Assets built
ZIP downloaded. Upload contents to your server root (or configured path).

About Website Workshop

What is this?

Website Workshop generates every image asset and config file a modern website needs — favicons, Apple touch icons, Android PWA icons, Microsoft tiles, Open Graph cards, web manifests, and browser configs — from a single logo upload, delivered in one ready-to-deploy ZIP.

Why does it exist?

Getting all these assets right is tedious. Different platforms demand different sizes, formats, and metadata. This tool handles the entire matrix so you can focus on building your site instead of resizing PNGs.

What to use it for

Any website or web app that needs a complete favicon and social image package. Launch a new project, refresh an existing site's branding, or generate assets for a PWA — upload your logo and you're done.

Who needs it

Web developers, designers, indie hackers, and anyone who'd rather not hand-produce 20+ icon variants and the markup to wire them up.

Links