파비콘 만들기
파비콘 생성기는 웹사이트에 필요한 파비콘 패키지를 브라우저에서 바로 만들어 줘요. 이미지 하나만 넣으면 웹 브라우저 탭, 스마트폰 홈 화면, 검색 결과에 맞춰 필요한 모든 아이콘 규격을 자동으로 만들어 줘요. 서버로 파일을 전송하지 않아 빠르고 안전하게 파비콘을 무료로 제작할 수 있어요.
무료 파비콘 제작 및 설치 방법
파비콘 만들기는 간단한 과정으로 완성돼요. 이미지를 준비하고 몇 번의 클릭만으로 모든 크기의 아이콘과 HTML 코드까지 받아 보세요.
- 파비콘으로 사용할 로고나 이미지 파일을 선택하거나 드래그하여 놓아요. 가급적 256x256 픽셀 이상의 정사각형 이미지를 사용하면 가장 선명해요.
- 미리보기 화면을 확인하고, 필요하다면 조정 메뉴에서 여백을 추가하거나 배경색을 지정해요.
- 파비콘 패키지 다운로드를 누르면 모든 파비콘 파일이 포함된 ZIP 압축 파일이 자동으로 저장돼요.
- 압축을 해제한 파일들을 웹사이트의 루트 폴더에 올린 뒤,
favicon-tags.html에 들어 있는 코드를 웹페이지의<head>태그 안에 붙여넣어요.
파비콘 사이즈 별 구성 요소
웹 환경마다 요구하는 파비콘 사이즈가 달라요. 이 파비콘 생성기는 표준 규격을 모두 포함하여 한 번에 다운로드해 줘요.
favicon.ico— 16x16, 32x32, 48x48 픽셀이 하나의 파일에 담긴 전통적인 다중 해상도 아이콘이에요.favicon-16x16.png및favicon-32x32.png— 일반 웹 브라우저 탭에서 사용되는 기본 PNG 아이콘이에요.favicon-48x48.png— 구글 검색 결과 아이콘용으로 권장되는 크기예요.apple-touch-icon.png— iOS Safari에서 홈 화면에 추가할 때 사용되는 180x180 픽셀 아이콘이에요.icon-192.png및icon-512.png— 안드로이드 및 PWA 홈 화면용 아이콘이에요.site.webmanifest및favicon-tags.html— 파일들을 연결하는 웹 매니페스트와<head>용 HTML 태그 모음이에요.
이미지 파비콘 변환 지원 포맷
PNG를 비롯하여 다양한 이미지 포맷을 지원해요.
투명 배경을 유지하고 싶다면 PNG 또는 SVG 파일이 가장 좋아요. SVG 파일은 벡터 방식이므로 모든 크기에서 아주 선명하게 그려져요. JPG 파일도 사용 가능하며, 애니메이션 GIF나 WebP 파일의 경우 첫 번째 프레임을 사용해요.
site.webmanifest 파일의 역할
site.webmanifest는 웹사이트를 스마트폰 홈 화면에 앱처럼 추가할 때 브라우저가 아이콘 정보를 읽는 JSON 파일이에요. 브라우저는 이 파일을 참조하여 192x192 및 512x512 크기의 아이콘을 홈 화면에 보여줘요.
제작된 ZIP 파일 안에 준비된 매니페스트 파일이 포함되어 있어, 별도의 작성 없이 루트 폴더에 올리기만 하면 홈 화면 아이콘 설정을 마칠 수 있어요.
자주 묻는 질문
파비콘 만드는 법은 어떻게 되나요?
이미지를 준비하여 파비콘 생성기에 넣고 필요시 여백과 배경색을 지정한 뒤 다운로드하면 돼요. 다운로드한 파일들을 웹사이트 루트 디렉터리에 복사하고 HTML 안의 head 태그에 연동 코드를 넣으면 완성돼요.
png 파비콘 변환 시 투명 배경이 유지되나요?
네, PNG나 SVG처럼 투명도를 지원하는 파일은 파비콘과 PNG 아이콘에 투명 배경이 그대로 유지돼요. 단, 애플 터치 아이콘은 투명 배경을 지원하지 않으므로 설정한 배경색이나 기본 흰색으로 채워져요.
파비콘 사이트 이용 시 이미지 업로드가 필요한가요?
아니요, 이 파비콘 생성기는 모든 처리를 브라우저의 캔버스 엔진을 통해 사용자의 기기 내부에서 수행해요. 이미지 파일이 외부 서버로 전송되지 않으므로 안심하고 이용할 수 있어요.
favicon.ico 파일과 PNG 파비콘의 차이는 무엇인가요?
favicon.ico는 호환성을 위한 옛 방식으로 하나의 파일 안에 여러 해상도(16x16, 32x32 등)를 품고 있어요. PNG 파비콘은 각 크기별로 개별 생성되어 최근 브라우저에서 훨씬 또렷하게 표시돼요. 현대 웹사이트는 두 방식을 모두 사용해요.
파비콘 무료 제작 서비스인가요?
네, 회원가입이나 계정 생성 없이 누구나 무료로 이용할 수 있어요. 다운로드 파일에 워터마크도 생성되지 않아요.
아이폰이나 아이패드에서도 파비콘이 적용되나요?
네, 패키지에 180x180 크기의 apple-touch-icon.png 파일이 포함되어 있어 iOS Safari에서 홈 화면에 추가할 때 정상적으로 표시돼요.
