AZ Tools

Favicon 생성기 (멀티 사이즈 PNG)

파일

로고/아이콘을 드롭하면 브라우저·OS가 실제 요청하는 10개 사이즈로 PNG 렌더링: 16/32/48은 기존 favicon, 180은 Apple touch icon, 192/512는 PWA manifest용. 배경색(또는 투명)과 패딩 % 옵션. 바로 붙여넣을 `<link>` 스니펫 자동 생성. 모든 렌더링은 canvas — 이미지가 브라우저 밖으로 나가지 않습니다.

이미지를 드롭해 아이콘 팩 생성.

사용법

  1. 정사각형 원본 이미지 드롭(PNG·SVG·JPG, 가급적 512×512 이상).
  2. 배경(투명 또는 색)과 패딩 % 설정.
  3. 개별 또는 한 번에 다운로드 후, HTML 스니펫을 `<head>`에 붙여넣기.

자주 묻는 질문

왜 사이즈가 그렇게 많나요?
각 환경이 스케일 없이 가장 가까운 사이즈를 고릅니다. 브라우저는 32, Apple touch는 180, Chrome PWA는 192/512, Windows 타일은 144/270. 전부 제공이 안전.
.ico 파일은요?
최신 브라우저는 PNG 선호. 그래도 `favicon.ico`가 필요하면 `favicon-32.png`를 이름만 바꿔도 대부분 허용.
16×16에서 픽셀로 깨져요.
작은 사이즈는 디테일이 사라지니 단순화된 로고 사용. 많은 사이트가 32px 미만은 별도 마크를 씁니다.
투명 vs 단색 배경?
투명은 다크·라이트 브라우저와 PWA 설치에서 좋음. 단색(흰색/브랜드)은 iOS 홈 화면에서 버튼처럼 보기 좋음.

관련 도구