안녕하세요. Win10과 macOS에서 Firefox를 사용할 때 SVG Favicon이 좀 이상하게 보이네요. 탭 아이콘은 정상적으로 표시됩니다. 하지만 북마크 아이콘은 잘못 표시됩니다:
소스를 살펴보니 다음과 같습니다:
<link rel="icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/b/8/b8dce8ed67efe68449c05bb6d1d09fecd2bad6e1_2_32x32.svg">
파일 형식이 잘못되었습니다. 이것이 중요한지 확실하지 않습니다. SVG를 업로드하기 전에 PNG를 업로드했던 것 같습니다.
Apple 터치 로고도 마찬가지입니다:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">
위에서 올바른 이미지는 rel=icon입니다.
잘못된 이미지는 rel=apple-touch-icon입니다.
북마크를 삭제하고 다시 북마크를 추가해 보았지만 결과는 동일합니다. apple-touch-icon 로고를 선택하고 있습니다. 이것이 Firefox 문제인지, 아니면 Discourse 문제인지 아시는 분 있나요?
스펙을 살펴보면 동작해야 하는 것 같습니다:
