favicon-16x16.png
favicon-32x32.png
favicon-96x96.png
favicon.ico

apple-touch-icon-180x180.png
android-chrome-192x192.png
android-chrome-512x512.png

og-image-1200x630.png    # Facebook, LinkedIn
twitter-card-1200x600.png # Twitter/X
whatsapp-preview.png      # WhatsApp

{
  "name": "My App",
  "icons": [...]
}

Create all web assets from my logo: /path/to/logo.png

Generate favicons using the coffee emoji for my cafe website

Create social media images with text "Launch Day!"
on a gradient blue background

Generate everything I need for my new startup website:
- Favicons
- PWA icons
- Open Graph images

Company: TechFlow
Colors: #2D9CDB primary, #27AE60 accent

What do you need?
○ Favicons only
○ PWA/App icons
○ Social media images
○ Everything (recommended)

What should I use?
○ Logo image (provide path)
○ Emoji (I'll suggest options)
○ Text/slogan
○ Combination

Your project: Coffee shop website

Suggested emojis:
☕ Coffee cup
🫘 Coffee beans
☕️ Hot beverage
🏪 Store front

Or describe what you'd prefer...

Background color:
○ White (#FFFFFF)
○ Transparent
○ Custom color (enter hex)

assets/
├── favicons/
│   ├── favicon-16x16.png
│   ├── favicon-32x32.png
│   └── favicon.ico
├── app-icons/
│   ├── apple-touch-icon.png
│   └── android-chrome-512x512.png
├── social/
│   ├── og-image.png
│   └── twitter-card.png
└── manifest.json

<!-- Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Open Graph -->
<meta property="og:image" content="https://yoursite.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yoursite.com/twitter-card.png">

I detected you're using Next.js.

Add to your public/ folder:
1. Copy generated files to /public/
2. Update app/layout.tsx with meta tags
3. Add manifest link

Want me to show the code?

pip install Pillow

pip install pilmoji emoji

User: "Make a quick favicon with a rocket emoji"

Generated:
- favicon-16x16.png ✓
- favicon-32x32.png ✓
- favicon.ico ✓
- HTML tags ready

User: "Create complete web assets for my SaaS product 'DataFlow'"

Generated:
- 12 favicon sizes ✓
- 5 app icon sizes ✓
- 3 social images ✓
- manifest.json ✓
- HTML meta tags ✓
- Framework-specific code ✓

User: "I need Open Graph images for my blog post about AI"

Generated:
- og-image-1200x630.png (Facebook, LinkedIn)
- twitter-card-1200x600.png (Twitter/X)
- HTML tags for both