파비콘을 만드는 방법
파비콘을 만드는 데는 60초가 소요됩니다. 정사각형에서 시작하여 여러 크기의 .ico를 생성하고 이를 HTML <head>에 연결합니다. 이 가이드는 모든 단계를 안내합니다.
원본 이미지는 정사각형이어야 하며 크기는 512×512 이상이어야 합니다. SVG는 훨씬 더 좋습니다. 품질 손실 없이 확장 가능합니다.
실행 가능한 최소 설정은 단일 다중 크기 favicon.ico입니다. 최신 설정에는 PWA 설치 프롬프트를 위한 SVG, 180×180 apple-touch-icon 및 192×192 + 512×512 PNG 쌍도 포함됩니다.
작동 방식
- 1
정사각형 소스 준비
512×512 PNG 또는 정사각형 viewBox가 있는 SVG.
- 2
생성하다
파비콘 생성기를 사용하여 모든 크기를 단일 .ico로 묶습니다.
- 3
설치하다
favicon.ico를 사이트 루트에 놓고 <head>에 연결하세요.
지금 사용해 보기
지금 파비콘을 만들어보세요
파비콘 생성기자주 묻는 질문
파비콘을 만드는 가장 쉬운 도구는 무엇입니까?+
파비콘 생성기 — 업로드, 생성 클릭, 다운로드. 가입이 필요 없고 서버에 업로드할 필요도 없습니다.
소스 이미지의 크기는 얼마나 되어야 합니까?+
최소 512×512. SVG가 이상적입니다.
apple-touch-icon가 필요합니까?+
예, iOS에 깨끗한 홈 화면 아이콘을 원한다면 가능합니다. 180×180 PNG, <link rel="apple-touch-icon">를 통해 연결됨.