Favicon 변환기

이미지를 Favicon 형식으로 변환

파일이 기기 밖으로 나가지 않습니다
브라우저에서 실행
무료, 가입 불필요, 워터마크 없음

로고나 이미지를 여기에 놓거나 클릭해서 선택하세요

512 × 512 px 이상의 정사각형 이미지가 가장 선명합니다. SVG가 가장 좋습니다.

Favicon 변환기 사용 방법

로고나 이미지로 favicon.ico, PNG, Apple·Android 아이콘, 매니페스트, HTML 태그를 함께 만듭니다. 브라우저에서 처리되며 SVG 원본이면 favicon.svg도 생성됩니다.

로고나 이미지를 페이지에 끌어다 놓거나, 클릭해서 고르거나, Ctrl+V로 붙여넣습니다. PNG, JPG, SVG, WebP, GIF, AVIF, ICO, HEIC를 지원합니다.

‘맞춤’에서 ‘전체 표시’ 또는 ‘정사각형으로 자르기’를 고르고, 로고 주변에 투명한 여백이 있으면 ‘빈 가장자리 자르기’를 켭니다.

‘아이콘 스타일’에서 배경(없음·단색·그라데이션), 모양, 여백을 정하고 브라우저 탭과 홈 화면 미리보기로 확인합니다.

‘사이트 정보’(사이트 이름, 짧은 이름, 테마 색상, 아이콘 경로)를 입력하고 ‘출력’에서 필요한 크기를 고릅니다.

‘패키지 다운로드(ZIP)’를 클릭해 파일을 사이트에 올린 뒤, ‘<head>에 붙여넣기’의 태그를 페이지에 추가합니다.

자주 묻는 질문

로고가 서버에 업로드되나요?

아니요. 모든 아이콘은 브라우저의 canvas로 그려지므로 이미지가 기기 밖으로 나가지 않습니다.

패키지에는 어떤 파일이 들어 있나요?

favicon.ico(기본 16·32·48 px, 최대 256 px까지 선택 가능), favicon-16x16.png와 favicon-32x32.png 및 추가로 고른 PNG 크기, apple-touch-icon.png(180 px), android-chrome 192·512 px, maskable-icon-512x512.png, site.webmanifest, favicon-snippet.html이 들어 있습니다. ‘파일’ 목록에서 하나씩 따로 받을 수도 있습니다.

원본 이미지는 어떤 것이 좋나요?

512 × 512 px 이상의 정사각형 이미지가 좋습니다. 작은 이미지는 확대되어 흐릿해질 수 있다는 안내가 표시됩니다. SVG는 어떤 크기에서도 선명하고 favicon.svg까지 추가되므로 가장 좋습니다.

로고가 정사각형이 아니면 어떻게 되나요?

‘전체 표시’는 로고 전체를 유지하고 주변을 비워 둡니다. ‘정사각형으로 자르기’는 아이콘을 가득 채우고 긴 쪽의 넘치는 부분을 잘라 냅니다.

Apple 터치 아이콘 배경이 흰색이 되는 이유는 무엇인가요?

iOS 홈 화면 아이콘은 투명도를 표시하지 않으므로 apple-touch-icon.png와 maskable 아이콘은 항상 불투명한 정사각형입니다. 배경이 ‘없음’이면 흰색으로 채우고, maskable 아이콘은 Android에서 원형으로 잘려도 그림이 잘리지 않도록 안전 영역 안에 배치합니다.

‘Favicon 생성기’와 무엇이 다른가요?

변환기는 이미 가진 이미지에서 시작합니다. 생성기는 글자, 이모지, 오픈소스 아이콘으로 아이콘을 만들며 같은 구성의 패키지를 출력합니다.