반응형
오늘 쓸 html/css 글은 파피콘 만들기이다.
파피콘(favicon)이란, 브라우저 탭에 보여지는 작은 이미지를 말한다.
브라우저아이콘이라고 하고~파비콘이라고도 하고~
바로 이런것!
만드는 방법은 생각보다 간단하다!
파피콘으로 쓸 16px * 16px 사이즈의 이미지를 준비한 뒤에~
요 사이트엘 들어가 이미지 변환을 한다.
그럼 확장자가 ico인 파일이 만들어지는데
요 파일을 적용할 웹FTP에 업로드 한 뒤에
head부분에 링크태그를 넣어주면 끝!
링크태그는 아래와 같다.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
둘 중 입맞에 맞는 링크태그로 골라쓰면 되겠다!
반응형
'웹관련자료 > html/css' 카테고리의 다른 글
구글맵스 API 사용해서 지도넣기 - 약도 샘플html첨부(아이프레임) (0) | 2015.05.26 |
---|---|
[폰트]Bitstream Vera Sans Mono - 퍼블리싱이나 코딩하기 좋은 글씨체 (0) | 2015.01.18 |
에디트플러스/알ftp 접속계정정보 백업하기(XP와 윈도우7) (0) | 2014.12.10 |
플래시(FLASH)에 div띄우기 - z-index정도만 주의하면 문제없음. 샘플파일 첨부 (0) | 2014.11.16 |
울트라에디트(Ultraedit) 창 여러개 띄우는 방법 (0) | 2014.10.13 |