파피콘(favicon) 만들기 - 주소표시줄에 사이트를 상징하는 작은 이미지

파피콘(favicon) 만들기 - 주소표시줄에 사이트를 상징하는 작은 이미지


1. 파피콘이란?

 1.1 아래 스크린샷 이미지처럼 우리 사이트(url 홈페이지) 을 상징하는 작은 이미지를 말합니다.

 ※ 상기 파피콘은 "네이버 블로그" 파피콘입니다.

 

2. 만드는 방법

2.1 직접 포토샵 등 이미지 편집 프로그램을 이용해 ico  파일을 만드는 방법(전문가 영역)

2.2. 이미지를 입력하면 자동으로 ico 파일을 만드는 방법(초보자도 생성 가능 영역)

위 같은 경우 ico를 만드는 사이트를 이용하시면 보다 편리하게 가능합니다.

아래 사이트는 ico(파피콘) 만드는 사이트이며, 제가 사용해본곳중 젤 좋아서 추천하는 사이트입니다.

 

사이트명 : Favicon Generator

사이트 url : http://favicon-generator.org/

 

 

 

 

 

 

 

 

 

방법은 아래 스크린샷 확인





 

위와 같이 저장하면 끝!!!

 

이제 원하는 곳에 붙여 넣으세요.

티스토리 파피콘 넣기,

웹페이지 상단 head부분에 넣기

소스 부분은

<link rel="shortcut icon" href="이미지 경로 및 ico 파일명 입력" type="image/x-icon">
<link rel="icon" href="이미지 경로 및 ico 파일명 입력" type="image/x-icon">

 

ex)

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

 

 

이상 몇자 적어봤습니다.

필요한 곳에 적어주세요.

 

댓글 좀 남겨주시고. 많이 퍼가주세요~