favicon도 여러 해상도로 제공해야 합니다. 


16 x 16 하나로만 제공하기에는 모바일 기기도 많고 Retina Display도 있고요. 



Retina Display에서 보면 Favicon 해상도가 낮은 것과 높은 것을 바로 확인할 수 있습니다. 




왼쪽 2 번째는 favicon의 해상도가 떨어지는 것을 확인할 수 있습니다.






사이즈가 여러 가지라 만들기가 귀찮다면 아래 사이트를 사용해보세요. 



http://faviconit.com/en



최소 310 x 310 사이즈의 favicon 이미지를 올리면 


여러 개의 적합한 사이즈로 favicon을 만들어줍니다. 






맨 마지막에 있는 faviconit-instructions.txt를 열어보면 아래와 같이 붙여넣을 코드도 만들어줍니다. :)





생성된 favicon 이미지들과 코드를 사용하면 쉽고 빠르게 여러 해상도에 대응하는 페이지를 만들 수 있어요 :) 










+ Recent posts