몇 분 안에 웹사이트 파비콘 만드는 방법
파비콘을 만들려면 pdfseotools.com의 파비콘 생성기에 로고의 정사각형 PNG, JPG 또는 GIF를 업로드하세요. PNG를 업로드하면 PNG 아이콘을 얻을 수 있습니다. 브라우저, iPhone, Android 및 Windows용 아이콘 17가지 크기가 포함된 ZIP 파일을 받게 됩니다. 파일을 사이트 루트에 업로드하고 페이지 헤드에 링크 태그를 추가하세요.

주요 정보
- 입력: PNG, JPG 또는 GIF – 정사각형이 가장 좋습니다
- 출력: 한 ZIP 파일에 17가지 크기, 업로드한 형식으로 (PNG 권장)
- 브라우저(16–96px), Apple(57–180px), Android(36–192px), Windows 타일(70–310px) 지원
- Google에서 검색 결과에 표시하려면 최소 48 × 48px가 필요합니다
파비콘이 중요한 이유
✓🖼️ 파비콘은 브라우저 탭, 북마크, 휴대폰 홈 화면에 표시되는 작은 아이콘이며, 점점 더 Google 검색 결과에서 사이트 이름 옆에 표시됩니다. 명확한 아이콘은 20개의 열린 탭 중에서 사이트를 더 쉽게 찾을 수 있도록 하고 검색에서 더 신뢰할 수 있게 보입니다.
파비콘 만드는 방법 – 단계별 안내

1단계: 정사각형 이미지 준비
평평한 배경에 로고 심볼을 사용하고, 최소 310 × 310 픽셀로 하세요. 작은 텍스트는 제거하세요 – 16 픽셀에서 읽을 수 없게 됩니다.
2단계: 업로드
파비콘 생성기를 열고 이미지를 선택하세요. PNG가 가장 좋습니다. 아이콘은 업로드한 형식과 동일하게 저장되기 때문입니다.
3단계: 생성
이 도구는 17가지 크기를 한 번에 생성합니다.
4단계: ZIP 다운로드
컴퓨터에서 압축을 풀면 됩니다. 이 파일들을 웹사이트에 업로드하게 됩니다.
웹사이트에 추가하기
✓PNG 파일을 사이트의 루트 폴더(홈페이지가 있는 폴더)에 업로드한 다음, 페이지의 <head> 안에 다음 줄을 추가하세요:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
WordPress: 모양 → 사용자 정의 → 사이트 아이덴티티 → 사이트 아이콘으로 이동하여 512 × 512 이미지를 업로드하세요. WordPress가 자동으로 태그를 추가합니다. Blogger: 레이아웃 → 파비콘 → 편집.
작은 크기를 위한 디자인 팁
- 하나의 굵은 모양이나 글자를 사용하세요. 16px에서는 세부 사항이 사라집니다.
- 밝은 브라우저 탭과 어두운 브라우저 탭 모두에서 잘 보이도록 강한 대비를 선택하세요.
- 얇은 선과 긴 단어는 피하세요.
- 작게 미리 보기: 브라우저를 축소하고 탭을 보세요.
자주 묻는 질문
어떤 이미지를 업로드해야 하나요?
로고 또는 아이콘의 정사각형 PNG, JPG 또는 GIF 파일. 이상적으로는 최소 310 × 310 픽셀이며 작은 크기에서도 인식할 수 있을 만큼 단순해야 합니다.
생성기는 어떤 크기를 만드나요?
17가지 크기, 업로드한 형식과 동일하게 저장됩니다(PNG 아이콘을 얻으려면 PNG 업로드): 16, 32, 96 픽셀 브라우저 파비콘; 57~180 픽셀의 Apple 터치 아이콘; 36, 48, 192 픽셀의 Android 아이콘; 70, 144, 150, 310 픽셀의 Microsoft 타일. 이들은 ZIP 파일로 함께 다운로드됩니다.
새 파비콘이 표시되지 않는 이유는 무엇인가요?
브라우저는 파비콘을 많이 캐싱합니다. 브라우저 캐시를 지우거나 개인 창에서 사이트를 열어보세요. Google 검색 결과 업데이트에는 며칠 또는 몇 주가 걸릴 수 있습니다.
Google에서 내 파비콘을 검색 결과에 표시하나요?
Google은 사이트 이름 옆에 표시할 수 있습니다. 크롤러가 액세스할 수 있는 최소 48 × 48 픽셀의 정사각형 아이콘이 필요합니다.
정사각형이 아닌 로고를 사용할 수 있나요?
생성기는 정사각형으로 크기를 조정하므로 가로로 긴 로고는 찌그러집니다. 먼저 정사각형 버전(일반적으로 심볼만)을 잘라내세요.
favicon.ico 파일이 필요한가요?
모던 브라우저는 HTML에 연결된 PNG 파비콘을 지원하며, 이 생성기가 바로 그런 파비콘을 만듭니다. 일부 웹사이트 소유자는 구형 브라우저를 위해 루트에 favicon.ico를 추가하기도 합니다.
요약
정사각형 로고 하나를 입력하면 17가지 크기로 출력되며, HTML에 몇 줄만 추가하면 사이트가 모든 곳에서 전문적인 아이콘을 표시합니다. 파비콘 생성기로 나만의 아이콘을 만들고 더 많은 무료 이미지 도구를 살펴보세요.
소셜 미디어에 공유: