파비콘 생성기
PNG 또는 JPG 이미지 한 장을 브라우저에서 16, 32, 48, 180, 512 px 정사각형 아이콘으로 만들어 줍니다.
파비콘 생성기 — PNG 또는 JPG 이미지 한 장을 올리면 파비콘 세트가 바로 완성됩니다: 16, 32, 48, 180(Apple touch), 512 px(PWA) 정사각형 PNG 아이콘입니다. 각 크기는 고품질 캔버스 스케일링으로 생성되며 개별로 받거나 한 번에 모두 받을 수 있습니다. 모든 처리는 브라우저 안에서만 이뤄지며 이미지는 절대 업로드되지 않습니다.
파비콘 생성기란?
Favicon Generator는 PNG 또는 JPG 이미지 한 장을 웹사이트용 정사각형 아이콘 한 세트로 변환해 주는 무료 브라우저 기반 favicon 제작 도구입니다. 소프트웨어 설치나 회원가입 없이 HTML, WordPress, PWA, Apple touch 아이콘용 favicon을 빠르게 만들어야 하는 개발자, 웹 디자이너, 사이트 운영자를 위해 만들어졌습니다. 소스 이미지 한 장을 드롭하면 16, 32, 48, 180(Apple touch), 512 px(PWA) 정사각형 PNG 아이콘을 즉시 생성하며, 각 아이콘은 고품질 canvas 렌더링으로 크기가 조정됩니다. 로고나 이미지를 전적으로 내 기기 안에서 바로 쓸 수 있는 favicon 파일로 변환하고 싶을 때 언제든 사용하세요.
파비콘 생성기 사용법
- PNG 또는 JPG 이미지를 드롭존에 끌어다 놓거나, 클릭해서 기기에서 파일을 찾아 선택하세요.
- 도구가 다섯 가지 크기를 자동으로 렌더링하는 동안 기다리세요. 소스 이미지와 생성된 각 아이콘의 미리보기가 아래에 표시됩니다.
- 소스 이미지나 아이콘 썸네일을 클릭하면 확대 라이트박스가 열려 해당 픽셀 크기에서 어떻게 보이는지 확인할 수 있습니다.
- 행에 있는 크기별 다운로드 버튼을 눌러 해당 크기 하나만 저장하세요. 예를 들어 32 px나 512 px PNG만 받을 수 있습니다.
- 전체 다운로드를 클릭하면 생성된 모든 크기를 한 번에 저장합니다.
- 초기화 버튼으로 현재 이미지를 지우고 새 이미지로 다시 시작하세요.
예시
로고를 완전한 favicon 세트로
logo.png라는 이름의 PNG 회사 로고를 드롭하면 logo-16x16.png, logo-32x32.png, logo-48x48.png, logo-180x180.png, logo-512x512.png라는 다섯 개의 정사각형 PNG 파일을 받아 곧바로 public 폴더에 넣을 수 있습니다.
정사각형이 아닌 소스 이미지
가로로 긴 JPG 배너를 업로드하면 도구가 원본 가로세로 비율을 유지한 채 각 정사각형 가운데에 배치하고 투명 여백으로 채워, 아이콘이 늘어나거나 일그러져 보이지 않습니다.
Apple touch와 PWA 아이콘만
세트를 렌더링한 뒤, 전체를 한꺼번에 받는 대신 180 px Apple touch 아이콘과 512 px PWA 아이콘만 개별로 다운로드하세요.
자주 묻는 질문
- 어떤 이미지 형식을 업로드할 수 있나요?
- PNG 또는 JPG 이미지 한 장을 드롭하거나 찾아서 선택할 수 있습니다. 도구는 그 한 장의 소스 이미지를 읽어 모든 출력 크기를 렌더링합니다.
- 어떤 favicon 크기를 생성하나요?
- 다섯 가지 정사각형 크기를 출력합니다. 16, 32, 48 px 표준 favicon, 180 px Apple touch 아이콘, 512 px PWA 아이콘이며, 각각 별도의 PNG 파일입니다.
- 아이콘은 PNG 파일인가요, ICO 파일인가요?
- 생성되는 모든 아이콘은 PNG입니다. 이 도구는 하나로 합친 ICO 파일이 아니라 크기별로 개별 정사각형 PNG 파일을 만듭니다.
- 정사각형이 아닌 이미지는 늘어나나요?
- 아니요. 각 크기는 원본 가로세로 비율을 유지하며, 고품질 canvas 스케일링으로 정사각형 가운데에 배치되고 남는 공간은 투명 여백으로 채워집니다.
- 제 이미지가 서버로 업로드되나요?
- 아니요. 모든 처리는 Canvas API를 사용해 브라우저 안에서 로컬로 실행됩니다. 이미지가 업로드되는 일은 결코 없으므로 내 기기 안에서 완전히 비공개로 유지됩니다.