윈도우 작업 표시 줄의 픽셀 화되어 130x130파비콘이 내 웹 사이트 파비콘을 설정해야하지만이 아이콘을 사용하지만 아이콘이 항상 윈도우 작업 표시 줄에 아주 나쁜 보이는
내 HTML은 :
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
이 보이는 방법 :
아마존 아이콘은 예제로 찍은 것입니다.
아이콘은 Paint.NET 용 아이콘 플러그인으로 만들어졌습니다. 또한 나는 128x128과 64x64로 아이콘을 만들려고했는데 그 결과는 더 나빴다. 또한 256x256 결과를 사용하려고했지만 더 좋았지 만 여전히 픽셀 화되어 있습니다. 하지만 작업 표시 줄 아이콘에서이 페이지의 링크를 만드는 것이 좋습니다.
나를 도와 줄 사람이 있습니까?
이와 같은 단일 링크로는 충분하지 않습니다. 브라우저는 자동으로 크기를 조정하고 파비콘을 적절히 사용하지 않습니다. 이 좋은 favicon cheat sheet 다음을 시도해보십시오.
표준 아이콘 크기는 16X16 픽셀입니다. 또는 32X32 픽셀. 그래서이 크기를 사용하십시오. favicon (인해 CSS3) .ico 파일에있을 필요가 없습니다. .png 파일을 사용해보십시오.
Microsoft recommends to put three pictures in the favicon.ico file: 16x16, 32x32 and 48x48. IE는 적합한 것을 고를 수 있습니다.
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
이 favicon generator는 favicon.ico 등 및 PNG 아이콘을 생성합니다 크롬과 파이어 폭스로 선언 된 PNG 아이콘을 사용합니다. 최종 결과는 괜찮습니다. When adding an icon to the task bar, IE uses the 32x32 picture, Chrome the 196x196 PNG picture and Firefox the 32x32 PNG picture. 전체 공개 : 저는이 사이트의 저자입니다.
답장을 보내 주셔서 감사합니다. 훌륭한 사이트입니다. 하지만 크롬은 픽셀 화 된 아이콘을 보여 주므로 favicon.ico에는 문제가없는 것 같습니다. Chrome에서 문제가있는 것 같습니다. – Vartlok
죄송합니다. 당신은 전적으로 옳다. (나는 Chrome과 FF를 고려하여 대답을 편집했다. –
http://stackoverflow.com/questions/2268204/favicon-dimensions와 같이 게시물을 조금 둘러 볼 수 있습니다. 또한 130x130은 표준 아이콘 크기가 아니므로 아이콘을 사용할 수있는 상황이 없습니다. 브라우저에서 항상 크기를 조정해야합니다. – gpgekko