파비콘? 이게 모야?
파비콘은 브라우저의 주소 표시줄에서 사이트 URL 옆에 표시되는 작은 16X16 아이콘 파일입니다.또한 사용자의 열린 탭 목록과 책갈피 목록에서 사이트 이름 옆에 표시되어 사용자가 다른 사이트를 빠르게 식별할 수 있도록 합니다.
파비콘 생성기에 대하여
많은 최신 웹 브라우저가 GIF, PNG 또는 기타 널리 사용되는 파일 형석으로 저장된 파비콘을 지원하지만 인터넷 익스플로러의 모든 버전에서는 여전히 파비콘을 ICO 파일(Microsoft 아이콘 형식)로 저장해야 합니다. 이 도구는 GIF, PNG 또는 JPEG를 모든 최신 웹 브라우저에서 지원하는 ICO로 쉽게 변환할 수 있는 방법을 제공합니다. 또한 편리한 온라인 편집기를 통해 처음부터 파비콘을 만들 수 있습니다. 또한 편집기를 사용하면 생성된 파비콘을 수동으로 조정하여 최상의 결과를 얻을 수 있습니다.
브라우저 지원 여부
| 브라우저 | ICO | PNG | GIF | 애니메이션GIF | JPEG | APNG | SVG |
| 구글 크롬 | Y | Y | 4.0 | 4.0 | 4.0 | N | N |
| 익스플로러 | 5.0 | 11.0 | 11.0 | N | N | N | N |
| 파이어폭스 | 1.0 | 1.0 | 1.0 | Y | Y | 3.0 | N |
| 오페라 | 7.0 | 7.0 | 7.0 | 7.0 | 7.0 | 9.5 | - |
| 사파리 | Y | 4.0 | 4.0 | N | 4.0 | N | N |
파비콘 ICO 만들어보기
우선 파비콘 생성 사이트 접속합니다
https://www.favicon-generator.org/
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
16X16 favicon.ico만 생성을 클릭해 줍니다
파일선택을 해서 원하는 파일을 넣고 파비콘 만들기 버튼을 누릅니다
* 만들고자 하는 이미지 파일을 미리 준비하여야 합니다
완성된 파비콘을 다운로드하기 위해 '생성된 파비콘' 을 클릭합니다
티스토리 블로그에 적용시켜 보기
블로그 설정에 들어가셔서 하단 관리에 블로그를 클릭합니다
아까 만들어 두었던 파일형식 ICO인 파비콘을 불러오기해서 적용시켜 줍니다
간단하죠?
'IT관리하기' 카테고리의 다른 글
| 티스토리 구글 서치 콘솔 소유권 인증 메타태그 찾는 방법 (0) | 2022.12.06 |
|---|---|
| 티스토리 블로그 구글 애드센스 신청하는 방법 (1) | 2022.12.06 |
| 이미지 배경 제거, 투명 배경 만드는 방법 (0) | 2022.12.05 |
| 티스토리 타이틀 헤더, 슬로건 섹션, 배너 섹션 적용하는 방법 (1) | 2022.12.04 |
| 아이폰 트위터 동영상, 짤 다운로드 방법 (1) | 2022.12.04 |