ABOUT AUTHOR


Photo Profile

Stella
Fashion Designer

Hi there! I’m Stella Jorissen, 23 years old. I hope you enjoy your visit to my website. Much love! ♥
Read More





Powered by Blogger.

SUBSCRIBE


Labels

Instagram

My Instagram

Pages - Menu

2017년 4월 17일 월요일

파비콘이란? 그리고 파비콘 만들기 - .ico favicon, 즐겨찾기 아이콘



파비콘 만들기 - 홈페이지 주소 앞에 보이는 아이콘 

파비콘이 무엇인가?

 주소쓰는 곳에 파비콘이 없으면 위처럼 나옵니다. 익스플로러아이콘으로..나오죠~~


여기 네이버 파비콘입니다. 녹색 검색모양이어서 즉각 네이버라는 것을 알 수 있쬬??


네이버블로그 파비콘..

이처럼 파비콘은 사이트의 대표적인 느낌을 주는 아이콘입니다.


"즐겨찾기 아이콘이란 뜻으로 즐겨찾기(favorites)와 아이콘(icon) 의 합성어로 주소창에 
조그만 아이콘으로 표시됩니다. "


자 이제 요걸 만들어 볼까요?? - 파비콘 만들기

 
1. 우선 파비콘으로 쓸 이미지를 준비하세요. 
일반적으로 16px X 16px 크기로 gif 또는 jpg로 제작 합니다.
이곳에서 gif나 jpg파일을 ico파일로 전환하세요. ( 확장자명은 .ico 입니다.)
  

 
2. ico파일을 알FTP를 이용하여 서버에 올립니다. 
 
그리고 index.html(홈페이지 대문..)
<head> 와 </head> 태그 사이에
<link rel="shortcut icon" href="./파비콘의 이름.ico">를 넣으시면 됩니다.

(만약 상대경로의 개념을 모르신다면
위에 적힌 그대로(파비콘의 이름만 바꿔서) 소스를 넣어주시고 파비콘 파일의 위치는 index.html(혹은 index.php)파일이 있는 폴더와 같은 위치에 넣어주시면 됩니다.) 
 
 
 


3. 파비콘 소스를 넣은 index.php파일도 FTP 프로그램을 이용하여 서버에 올립니다.

댓글 없음:

댓글 쓰기

author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.