일하자/꿀팁

웹페이지 아이콘 - 파비콘 만들기

횸쓰 2019. 2. 12. 16:33

웹페이지 아이콘 - 파비콘 만들기



웹페이지 주소 앞 쪽에 위치한 아이콘, 파비콘 (favicon) 을 만들어 보자


1. 파비콘 만들기 > 2.ftp 경로에 올리기 > 3.html 파일 head 에 소스 넣기 > 4.html 파일 업로드 > 5.확인완료


사이즈 : 16*16 / 32*32 픽셀


* 파비콘 만들어 주는 사이트

1. https://www.favicon-generator.org/

2. https://www.degraeve.com/favicon/

3. http://tools.dynamicdrive.com/favicon/


들어가서 내가 디자인한 아이콘을 업로드 후 > Generate only 16x16 favicon.ico (1번사이트에서) 만들어주고 ftp 경로에 올려준 후 아래 소스넣으면 끝 ! 


<head>

<link rel="shortcut icon" href="myicon.ico" type="image/x-icon">
<link rel="icon" href="myicon.ico" type="image/x-icon">

</head>

//  image file format  .ico or .png available. size 16x16 / 32x32 available.