파비콘 만들기
이미지 하나로 파비콘 세트를 만듭니다. favicon.ico, 16·32·48·180·192·512px PNG, 웹 매니페스트, 바로 붙여 넣는 HTML 코드까지 ZIP 하나로.
정사각형이고 512px 이상인 이미지가 가장 좋아요.
맞추기
배경
미리보기 16×16 32×32 48×48 180×180 192×192 512×512
HTML 코드 (<head> 안에 붙여 넣기)
<link rel="icon" href="/favicon.ico" sizes="48x48"> <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-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
사용 방법
- 정사각형 로고나 아이콘을 고르세요. PNG, JPG, WebP, SVG 모두 되고 512px 이상이면 좋아요.
- 미리보기를 보면서 맞추기, 여백, 배경, 둥근 모서리를 조절하세요.
- ZIP을 받아 사이트 최상위 폴더에 올리고, HTML 코드를 <head> 안에 붙여 넣으세요.
자주 묻는 질문
파비콘은 어떤 크기가 필요한가요?
브라우저용 favicon.ico(16/32/48), 아이폰 홈 화면용 180px apple-touch-icon, 안드로이드·웹앱용 192/512px가 필요해요. 이 도구가 전부 만들어 줍니다.
파비콘이 안 바뀌어요.
브라우저가 파비콘을 오래 저장해 두기 때문이에요. 강력 새로고침하거나 시크릿 창으로 열어 보세요.
SVG 로고도 되나요?
네. SVG는 모든 크기에서 선명하게 그려져요.
로고가 업로드되나요?
아니요. 모든 아이콘은 브라우저 안에서 만들어집니다.