Slack에서 웹 사이트의 Favicon이 희미 해짐, Slack 대상은 어떤 아이콘 크기입니까?

Question

아래 이미지에 파비콘 아이콘이 표시됩니다. 그것은 나의 Slack 채널의 화면 캡처이며, 두 개의 웹 사이트 (생산 대 알파)가 있음을 알 수 있습니다.

당신은 알파에 파비콘을 볼 수 있습니다 희미합니다. 모두를위한 코드 (파비콘을 위해) 동일하기 때문에 나는 두 사이트 사이의 불일치를 찾는 위치 할 곳에 확실하지 않다 : 브라우저/전화에서 열 때

<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> 
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> 
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> 
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> 
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> 
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> 
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> 
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> 
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> 
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> 
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> 
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 

파비콘은 괜찮습니다. 어느 favicon 아이콘이 Slack을 위해 끌어 당겨지고 있습니까?

Answer 1

TL; DR

• 그래도 문제가 남아 있습니까? 캐시 문제로 인한 것이 아닌지 확인하기 위해 슬랙에 대한 페이지를 다시 공유하는 것이 유용 할 수 있습니다.
• RealFaviconGenerator에 의해 생성 된 favicon 패키지는 예상대로 작동합니다. 슬랙은 180x180 Apple Touch 아이콘을 사용합니다.

참고 :이 서비스의 저자입니다.

당신은 그것을 사용하는 아이콘있는 볼 불황기하는 realfavicongenerator compatibility test page를 사용하고 게시 할 수 있습니다

전체 이야기. 나는 여유 네이티브 Windows 응용 프로그램에이 페이지를 게시 할 때

예를 들어,이 얻을 :

:

페이지 자체를 방문, 나는 그것이 아이콘을 확인할 수 있습니다

보라색 및 녹색? 이것이 180x180 Apple Touch 아이콘입니다.

페이지와이 테스트 페이지의 차이점은 무엇입니까? 어쩌면 favicon 파일 (테스트 페이지는 훨씬 적지 만 많은 파일이 있습니다) 일 수 있습니다.

또 다른 가설 : 슬랙은 공유 될 때마다 페이지를 크롤링하지 않기 위해 어떤 형태의 캐싱을 잘 사용할 수 있습니다. 따라서 Slack이 favicon 업그레이드 전에 페이지를 방문했다면 아마 며칠 동안 이전 favicon을 사용할 것입니다.