파비콘 만들기
이미지 하나로 웹사이트에 필요한 모든 파비콘을 만드세요.
파비콘 생성기 사용 방법
로고나 이미지 추가
PNG, JPG, WebP, GIF 또는 SVG를 페이지에 끌어다 놓으세요. 모양이 단순한 정사각형 이미지가 가장 좋습니다.
모양 조정
정사각형으로 자르거나 이미지 전체를 맞추고, 투명 또는 색상 배경을 고르고, 여백을 넣고 모서리를 둥글게 하세요. 미리보기에서 크기별 모습과 브라우저 탭을 확인할 수 있습니다.
다운로드하고 코드 추가
ZIP을 다운로드해 파일을 사이트의 루트 폴더에 업로드하고, HTML 줄을 페이지의 head에 붙여넣으세요.
Utils365를 선택해야 하는 이유
필요한 모든 파일
16, 32, 48 px가 들어 있는 favicon.ico, PNG 파비콘, Apple 터치 아이콘, Android 아이콘, site.webmanifest를 브라우저가 기대하는 이름으로 만듭니다.
다운로드 전에 미리보기
실제 크기와 밝은·어두운 브라우저 탭에서 아이콘이 어떻게 보이는지 확인할 수 있어 작은 디테일을 놓치지 않습니다.
안전한 프라이버시
모든 작업이 브라우저에서 이루어지므로 로고가 서버에 업로드되지 않습니다.
자주 묻는 질문
어떤 크기의 파비콘이 필요한가요?
favicon.ico(16, 32, 48 px)는 브라우저 탭과 북마크를, 180 px Apple 터치 아이콘은 iPhone과 iPad 홈 화면을, 192 px와 512 px PNG는 Android와 설치형 웹 앱을 담당합니다. 이 도구는 이미지 하나로 이 모두를 만듭니다.
ICO, PNG, SVG 중 어떤 파비콘 형식을 써야 하나요?
세 가지 모두 쓰세요. favicon.ico는 오래된 브라우저와 자동으로 찾는 도구를 포함해 어디서나 동작합니다. PNG 파비콘은 정해진 크기에서 선명합니다. SVG 파비콘은 어떤 크기에서도 선명하며, SVG로 시작하면 함께 만들어집니다.
apple-touch-icon이란 무엇인가요?
누군가 사이트를 홈 화면에 추가할 때 iPhone과 iPad가 쓰는 아이콘입니다. 180 × 180 px이고 투명할 수 없어서 단색 배경(투명을 골랐다면 흰색)으로 저장됩니다. 모서리는 iOS가 알아서 둥글게 처리합니다.
파비콘 파일은 어디에 두나요?
웹사이트의 루트 폴더, 즉 홈페이지와 같은 위치에 압축을 풀어 favicon.ico가 yoursite.com/favicon.ico에 있게 하세요. 그런 다음 이 페이지에 표시된 HTML 줄을 모든 페이지의 head 섹션이나 사이트 템플릿에 붙여넣으세요.
새 파비콘이 보이지 않는 이유는?
브라우저는 파비콘을 오래 저장해 둡니다. 파비콘 주소를 직접 열거나, 강력 새로고침을 하거나, 시크릿 창에서 새 파비콘을 확인하세요.