본문으로 건너뛰기
EVOA Toolbox

파비콘 생성기

이미지 한 장으로 favicon.ico, PNG 크기별 파일, Apple 터치 아이콘, Android 아이콘, 웹 매니페스트, HTML 태그까지 파비콘 패키지를 만드세요.

브라우저에서 로컬로 처리됩니다. 파일은 업로드되지 않습니다.

도구를 불러오는 중…

도구 소개

로고나 아이콘을 업로드하면 최신 웹사이트에 필요한 파일을 한 번에 만들어 드립니다. favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, 여러 크기가 들어 있는 실제 favicon.ico, 180x180 apple-touch-icon.png, 192x192 및 512x512 Android Chrome 아이콘, 바로 붙여 넣을 수 있는 site.webmanifest와 이에 맞는 HTML link 태그가 포함됩니다.

여백을 추가하고, 사각형·둥근 사각형·원형 중에서 모양을 고르고, 배경을 단색으로 채우거나 투명하게 둘 수 있습니다. 각 크기는 단계적 축소(최종 렌더링 전에 반복해서 절반으로 줄이는 방식)로 만들어지므로, 한 번에 크게 줄이는 것보다 작은 아이콘이 훨씬 또렷하게 보입니다. 크기마다 미리보기와 다운로드 버튼이 있으며, ZIP에는 모든 파일과 파일을 어디에 두어야 하는지 설명하는 snippet.txt가 함께 들어 있습니다.

ICO 파일은 16, 32, 48픽셀 PNG 이미지를 내장하는 방식으로 브라우저에서 조립되며, 이 형식은 현재의 모든 브라우저와 Windows에서 읽을 수 있습니다. 아무것도 업로드되지 않습니다. 이미지는 사용자의 기기에서 디코딩되어 캔버스에 그려집니다.

사용 방법

  1. 1PNG, SVG, JPG 또는 WebP 이미지를 추가하세요. 512x512px 이상의 정사각형 이미지를 사용하면 가장 좋은 결과를 얻을 수 있습니다.
  2. 2모양, 여백, 배경(투명 또는 단색)을 선택하세요. 모든 크기의 미리보기가 바로 업데이트됩니다.
  3. 3웹 매니페스트에 들어갈 앱 이름과 테마 색상을 입력하세요.
  4. 4파일을 하나씩 다운로드하거나 전체 ZIP을 받으세요.
  5. 5파일을 사이트 루트에 복사하고, HTML 코드를 각 페이지의 <head>에 붙여 넣으세요.

지원 형식

입력: PNG, SVG, JPG/JPEG, WebP. 출력: PNG, ICO(16/32/48px), site.webmanifest, 텍스트 코드 조각(ZIP으로 묶음).

프라이버시

이 도구는 브라우저에서 실행됩니다. 입력하신 데이터는 사용자의 기기에서 처리되며 당사 서버로 전송되지 않습니다.

제한 사항

  • 정사각형이 아닌 이미지는 늘어나지 않고 정사각형 안에 맞춰지므로 아이콘에 빈 영역이 생깁니다. 더 나은 결과를 위해 먼저 이미지를 자르세요.
  • 512px보다 작은 이미지는 큰 아이콘을 만들 때 확대되어 흐릿하게 보일 수 있습니다. SVG는 먼저 높은 해상도로 래스터화되므로 선명함이 유지됩니다.
  • 16px 아이콘은 매우 작습니다. 세부 요소가 많은 로고는 알아볼 수 있도록 단순화한 버전이 필요한 경우가 많습니다.
  • 이 도구는 벡터 favicon.svg, 마스커블(안전 영역) 아이콘, Windows 타일 이미지를 생성하지 않습니다.

FAQ

실제로 어떤 파일이 필요한가요?

대부분의 사이트에는 루트의 favicon.ico, 32x32 PNG, apple-touch-icon.png(180x180), 웹 매니페스트에서 참조하는 Android 192/512 아이콘이 필요합니다. 이 패키지에 모두 들어 있습니다.

파비콘을 교체했는데 왜 바뀌지 않나요?

브라우저는 파비콘을 강하게 캐시합니다. 강력 새로고침을 하거나 사이트 데이터를 지우거나, link 태그에 /favicon.ico?v=2처럼 버전 쿼리 문자열을 추가해 보세요.

ICO 파일은 실제로 여러 크기가 들어 있는 아이콘인가요?

네. 표준 ICO 컨테이너 안에 PNG로 압축된 이미지 세 장(16, 32, 48px)이 들어 있어, 파비콘을 표시하는 각 위치에서 가장 알맞은 크기를 선택할 수 있습니다.

사진이나 JPG도 사용할 수 있나요?

가능하지만 사진은 16px에서 잘 보이지 않는 경우가 많습니다. 윤곽이 뚜렷한 로고나 단순한 기호가 가장 잘 어울립니다. JPG는 투명도가 없으므로 배경색을 선택하거나 원본 이미지의 배경을 그대로 사용하세요.

관련 도구