파비콘 생성기

완전한 파비콘 패키지(.ico·PNG 아이콘, Apple 터치 아이콘, Android 아이콘, 웹 매니페스트, 붙여넣을 HTML)를 브라우저에서 바로 생성하세요. 업로드 없이.

파비콘 생성 방법

  1. PNG, JPG, WebP 이미지를 끌어놓거나 선택하세요(정사각형 로고가 가장 좋습니다).
  2. 패키지를 생성하세요: favicon.ico, PNG 아이콘, Apple 터치 아이콘과 Android 아이콘, 웹 매니페스트.
  3. ZIP을 다운로드하고, 파일을 사이트 루트에 넣은 뒤, HTML 스니펫을 <head>에 붙여넣으세요.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

왜 파비콘 패키지를 생성하나요?

이제 파비콘은 파일 하나로 끝나지 않습니다. 브라우저는 .ico와 PNG를, iOS는 apple-touch-icon을, Android는 더 큰 아이콘과 웹 매니페스트를 요구합니다. OptImg는 이미지 하나로 이 모두를 고품질 리샘플링 필터로 그려 내고, 바로 올릴 수 있는 ZIP으로 묶고, 붙여넣을 HTML까지 그대로 제공합니다. 로고를 자사 서버로 올리는 유명 온라인 생성기와 달리, 전부 기기 안에서 아무것도 업로드하지 않고 처리합니다.

자주 묻는 질문

제 이미지가 서버에 업로드되나요?
아니요. 모든 아이콘을 브라우저 안에서 만들고 묶습니다. 로고는 기기를 벗어나지 않습니다. 대부분의 파비콘 생성기는 이미지를 업로드하지만, 이 도구는 그렇지 않습니다.
패키지에는 무엇이 들어 있나요?
favicon.ico (16/32/48px), favicon.svg, favicon-16x16.png와 favicon-32x32.png, apple-touch-icon.png (180px), android-chrome-192x192.png와 android-chrome-512x512.png, 그리고 site.webmanifest. 여기에 붙여넣을 정확한 HTML 스니펫까지 들어 있습니다. 다크 아이콘을 추가하면 모든 파일의 다크 버전도 한 쌍으로 함께 생성됩니다.
파일을 어디에 넣나요?
모든 파일을 사이트 루트 디렉터리에 넣어(그러면 /favicon.ico, /apple-touch-icon.png 등으로 접근됩니다) 제공된 HTML을 페이지의 <head>에 붙여넣으세요.
어떤 이미지를 사용해야 하나요?
512×512 이상의 정사각형 PNG가 가장 선명한 아이콘을 만듭니다. 정사각형이 아닌 이미지는 자동으로 정사각형으로 가운데가 잘리므로 아무것도 늘어나지 않습니다.