Skip to content

fix: shrink favicon.ico to essential 16/32/48 sizes#12

Merged
neonwatty merged 1 commit intomainfrom
fix/favicon-essential-sizes
Apr 15, 2026
Merged

fix: shrink favicon.ico to essential 16/32/48 sizes#12
neonwatty merged 1 commit intomainfrom
fix/favicon-essential-sizes

Conversation

@neonwatty
Copy link
Copy Markdown
Contributor

Summary

  • Rebuilt favicon.ico from icon.svg (which is the canonical logo source) at only the three sizes browsers actually request: 16×16, 32×32, 48×48.
  • Dropped the 64/128/256 sub-images. Modern browsers use the SVG icon at any DPI via Next.js's auto-injected <link rel="icon" type="image/svg+xml">; the .ico only exists as a legacy fallback for browsers that don't support SVG icons.
  • Result: 118K → 15K (87% smaller). Same visual fidelity at every size browsers actually display.

Test plan

  • Hard-refresh bugdrop.dev in a clean Chrome profile, confirm tab favicon renders correctly
  • Pin the tab, confirm the pinned-tab icon (48×48) renders correctly
  • Open in Safari, confirm legacy .ico fallback path also renders
  • Bookmark the page, confirm bookmark icon renders
  • next build succeeds with no warnings about the favicon

Drops the 64/128/256 sub-images that browsers never request from
the legacy .ico fallback. Modern browsers use icon.svg directly
for any DPI. 118K -> 15K (87% smaller).
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bugdrop-web Ready Ready Preview, Comment Apr 14, 2026 10:11am

Request Review

@neonwatty neonwatty merged commit f3890c4 into main Apr 15, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant