Favicon(파비콘) 올인원 패키지 생성기
단 1장의 이미지로 favicon.ico, Apple Touch Icon, Android PWA 아이콘 및 HTML 태그 ZIP 일괄 생성
HTML <head> 태그 삽입 코드
<!-- Standard Favicons --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <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="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png"> <!-- Apple Touch Icon --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Android / PWA Web App Manifest --> <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png"> <meta name="theme-color" content="#ffffff">
지금 계산한 분들이 함께 많이 사용하는 도구
사용 방법 및 안내
Favicon(파비콘) 올인원 패키지 생성기는 단 1장의 고해상도 이미지(PNG, JPG, SVG, WebP)로부터 웹 표준 favicon.ico 바이너리, Apple Touch Icon, Android PWA 아이콘 및 HTML 헤더 메타태그 코드를 브라우저에서 즉시 ZIP 압축 패키지로 생성하는 웹 마스터 도구입니다.
이미지 리사이징 공식 및 ICO 바이너리 패키징 계산
HTML5 Canvas의 고품질 쌍선형 보간 알고리즘을 활용하여 업로드된 이미지를 16x16, 32x32, 48x48, 180x180, 192x192, 512x512 규격으로 렌더링합니다. 생성된 멀티사이즈 PNG 데이터를 ICO 바이너리 헤더 규격에 맞춰 단일 .ico 파일로 조립하고 무손실 순수 JS ZIP 압축을 계산 실행합니다.
2026 웹 브라우저 & 모바일 파비콘 규격 기준표
- favicon.ico: 구형 브라우저 및 데스크톱 탭 호환용 멀티레이어 아이콘.
- apple-touch-icon.png (180x180): iOS 사파리 홈 화면 북마크 바로가기 아이콘.
- android-chrome-192/512.png: 안드로이드 모바일 PWA 설치형 웹앱 표준 아이콘.
서버 전송 없는 로컬 보안 원칙 및 유의사항 (면책 안내)
기업 브랜드 로고나 미공개 신규 서비스 CI 이미지가 외부 서버로 유출되지 않도록, 모든 이미지 변환 및 ZIP 압축 작업은 100% 사용자 브라우저 내부에서만 수행됩니다.
자주 묻는 질문 (FAQ)
왜 여러 크기의 파비콘과 ICO 파일이 필요한가요?
구형 브라우저 탭(16x16), 고해상도 레티나 디스플레이(32x32), 애플 iOS 홈 화면 북마크(180x180), 안드로이드 PWA 앱 아이콘(192x192, 512x512) 등 디바이스 환경마다 요구 규격이 다르기 때문입니다.
업로드한 브랜드 로고나 사진이 서버로 전송되나요?
절대 전송되지 않습니다. 모든 이미지 리사이징, 바이너리 ICO 생성, ZIP 패키징은 사용자의 웹 브라우저 로컬에서만 100% 처리됩니다.
생성된 파비콘 패키지를 웹사이트에 어떻게 적용하나요?
다운로드한 ZIP 압축을 풀어 웹서버 루트 폴더(예: public/ 디렉토리)에 넣고, 제공되는 HTML 메타 태그 코드를 웹페이지의 <head> 태그 안에 붙여넣으시면 됩니다.