feat(site): 파비콘 추가 - #35
Merged
Merged
Conversation
The page had none, so browsers blind-requested /favicon.ico and got a 404 — and on Pages that request goes to the org root, not this site. The mark reuses the product's own ruler glyph: a white band with blue notches on the accent-blue tile. Drawn on even coordinates in a 32-unit viewBox so every edge lands on a whole pixel when halved to 16px, which is where a favicon actually lives. The first attempt used five thin ticks and they smeared into a grey smudge at 16px; three fat notches survive the downscale. Checked by rasterizing to a 16px canvas and magnifying the pixels rather than eyeballing it large. Ships SVG (Chrome/Firefox/Edge/Safari 16.4+), a 32px .ico built by wrapping the PNG in an ICO container for older Safari and the bare /favicon.ico path, and a 180px apple-touch-icon. Verified: all three serve 200 with the right content types, the page declares all three, Chrome fetches the SVG, and the blind root /favicon.ico request is gone — the console is now clean.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
페이지에 파비콘이 없어 브라우저가
/favicon.ico를 맹목적으로 요청했다가 404를 받고 있었습니다. Pages에서는 그 요청이 이 사이트가 아니라 org 루트로 갑니다.디자인
제품이 이미 쓰는 줄자 글리프를 재사용했습니다 — accent 블루 타일 위 흰 띠 + 파란 눈금.
16px가 파비콘이 실제로 사는 크기라 거기에 맞춰 그렸습니다: 32 단위 viewBox에서 모든 좌표를 짝수로 두어 절반으로 줄일 때 각 모서리가 정수 픽셀에 떨어지게 했습니다. 첫 시안은 가는 눈금 5개였는데 16px에서 회색 얼룩으로 뭉개졌고, 굵은 눈금 3개로 바꾸니 축소를 견딥니다. 크게 띄워놓고 눈대중한 게 아니라 16px 캔버스로 래스터화한 뒤 픽셀을 확대해 확인했습니다.
포맷
favicon.svg— Chrome·Firefox·Edge·Safari 16.4+favicon.ico(32px) — 구형 Safari와 맨/favicon.ico경로용. PNG를 ICO 컨테이너로 감싸 생성apple-touch-icon.png(180px) — iOS 홈 화면검증
image/svg+xml,image/x-icon,image/png)/editor-ruler/하위와 로컬 루트 양쪽에서 동작)/favicon.ico맹목 요청이 사라져 콘솔 오류 0건