Skip to content

Use the mark on its own for the favicon and header logo - #2

Merged
mgravell merged 1 commit into
mainfrom
marc/mark-favicon
Aug 18, 2026
Merged

mgravell merged 1 commit into
mainfrom
marc/mark-favicon

Conversation

@mgravell

Copy link
Copy Markdown
Member

The logo has the "protobuf-net" wordmark set under the mark. At favicon size that text is a grey smudge, and the header renders the same file at 28px where it is no more readable - and there it duplicates the word sitting immediately next to it. The full logo is also 1.2:1, so width="28" height="28" squashes it.

This adds protobuf-net-mark.svg: the same four coloured paths, cropped to a square viewBox, with the twelve wordmark paths dropped. Both the favicon and the header image now point at it.

favicon.svg was a byte-identical copy of protobuf-net.svg and is unreferenced once the favicon moves, so it is removed; protobuf-net.svg stays as the full logo.

How I picked the crop, since eyeballing an SVG is not an option: the sixteen paths split cleanly by vertical position - four entirely above y=200 (the mark, carrying the four quadrant colours) and twelve below y=202 (the wordmark), with nothing straddling the gap. The mark's bounding box is 183.9 x 191.8, a ratio of 0.959, which matches the ratio measured independently off the raster logo to three decimals - so the crop is the mark and nothing else. The result is 1066 bytes against the original 11864.

Not built locally - npm ci plus a Vite build was more than this warranted - but public/ is copied verbatim into dist/, so the file lands at the site root as /protobuf-net-mark.svg. Worth a glance at the header on the deployed site.

The logo carries the "protobuf-net" wordmark under the mark, which is
unreadable at favicon size and at the 28px the header renders it - and in the
header it duplicates the word sitting right next to it anyway. The full logo is
also 1.2:1, so forcing it into a 28x28 box squashes it.

This adds a mark-only version - the same four paths, cropped to a square
viewBox - and points both the favicon and the header image at it. favicon.svg
was a byte-identical copy of protobuf-net.svg and is now unreferenced, so it
goes; protobuf-net.svg stays as the full logo.

Claude-Session: https://claude.ai/code/session_01NxkjXSR7CSGzyw89tJJVtw
@mgravell
mgravell merged commit 7570519 into main Aug 18, 2026
2 checks passed
@mgravell
mgravell deleted the marc/mark-favicon branch August 18, 2026 13:48
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