1. 6달 전

    웹 사이트 favicon 만들기

    웹 사이트에 적용할 favicon 만들어보기, favicon.io

Tamm자바스크립트 웹 개발 환경을 좋아하고 사람들에게 재미를 주는 것에 관심이 많은 개발자 입니다.

웹 사이트 favicon 만들기

웹 사이트에 적용할 favicon 만들어보기, favicon.io

featured image thumbnail for post 웹 사이트 favicon 만들기

웹페이지는 favicon을 대표 이미지로 갖도록 한다. 이번에 favicon을 만들려고 zeroCho님의 블로그를 확인하였다.

icon이.. 맥에서 열어보니 이렇게 해상도 별로 생겨 먹었다. 파일 하나에 저렇게 여러 해상도의 이미지를 갖는다.

 2019 07 07  4 3b72ebcd 68b7 4eb2 a127 9cd5c5d6495c 40 20

어떻게 이렇게 만드나 이런 저런 사이트를 알아보니 만들어 주는 사이트를 찾아냈다.

https://favicon.io/favicon-converter/

들어가서 이미지를 올리고 변환해서 다운받으면 아래 처럼 만들어 준다.

 2019 07 07  4 c94d6fe2 bd11 4bfe 9a7b bf967d60a2e9 49 06

html head 부분에 shortcut icon으로 값을 넣어주면 된다.

<link rel="shortcut icon" href="/_ne...91.ico">