에루샤
erusya
Back-end Developer
Web Geek
Anime Otaku
에루샤
기록
eruLabo

블로그 작업노트 14: 파비콘 변경 (맥용 사파리 파비콘 문제)

18 views as of December 26, 2024.
이전 블로그 작업에서 파비콘을 원형으로 만들어서 적용했었다.

다른 브라우저나 폰은 전혀 문제가 없는데, 유독 맥용 사파리에서 탭에 의도치 않은 배경이 들어가는 현상을 발견했다.


의도치 않은 배경

알아보니 23년부터 맥용 사파리에서는 탭에 넣는 파비콘의 색 대비가 낮아 파비콘이 제대로 안보일 경우에 임의로 파비콘을 잘보여주게하는 배경을 넣는다는 사실을 알게되었다.

특히 해당현상은 다크모드로 사용될 경우 발생하는 문제로 보인다.
실제로 내 기존 파비콘의 배경색은 #23272E 로 엄청 어두운 편에 속한다.

이걸 우회하려면 파비콘 배경색을 최소 #3c424e 이상으로는 써야할거같다.

아카라이브 파비콘

실제로 아카라이브의 파비콘도 엄청 어두운 색인데 사파리의 배경만드는 색대비에는 걸리지않았고, 나도 한번 따라서 저 색으로 파비콘을 제작해봤는데, 배경이 뜨지않음을 확인했다.

그렇다고 내가 쓰는색을 파비콘에서만 바꾸기도 뭐하고, 다른 브라우저(크롬, 엣지)에서는 문제없이 되다보니까...

나는 그냥 파비콘을 네모박스로 다시 만드는것으로 타협했다.

네모로 다시만든 파비콘, 사파리 탭 파비콘에도 문제없이 보인다.

#블로그 #파비콘
0 개의 댓글
×