본문으로 건너뛰기
DevToolKits.app
DevToolKits

파비콘 생성기

현대적인 웹사이트를 위한 파비콘(ICO, PNG)을 생성합니다. 필요한 모든 크기(16x16 ~ 512x512)를 한 번에 만듭니다.

가이드: 사용 방법 및 특징

  • 정사각형에 가까운 로고 이미지를 업로드하거나 드래그 앤 드롭 하세요.
  • 미리보기를 통해 각 사이즈별 파비콘의 결과물을 확인할 수 있습니다.
  • 「Download ZIP」 버튼을 눌러 모든 아이콘과 HTML 코드를 한꺼번에 저장하세요.

샘플: 입출력 예시

512x512 로고로부터 생성 예시

입력 예시

입력: logo-512x512.png

출력 예시

생성물:
- favicon.ico (16,32,48)
- apple-touch-icon.png (180x180)
- icon-192.png, icon-512.png

FAQ: 자주 묻는 질문

  • favicon.ico 파일 안에는 무엇이 들어있나요?

    호환성을 위해 16x16, 32x32, 48x48 등 3가지 사이즈를 하나의 파일로 패킹하여 생성합니다.

  • 고해상도 이미지를 업로드해도 되나요?

    네. 브라우저에서 리사이징을 수행하므로 수 MB 정도의 큰 이미지도 원활하게 처리할 수 있습니다.

  • ZIP 파일 안의 결과물은 어떻게 사용하나요?

    아이콘들을 public 디렉토리 등에 배치하고, 동봉된 HTML 스니펫을 <head> 태그 안에 붙여넣으세요.

활용: 주요 활용 사례

  • 신규 프로젝트 시작

    로고 하나로 iOS, Android, 데스크톱 등 모든 환경에 최적화된 아이콘 세트를 한 번에 만듭니다.

  • 기존 사이트 아이콘 갱신

    별도 설치 없이 브라우저에서 최신 명세에 맞는 .ico와 .png 세트를 안전하게 다시 생성합니다.

  • 프로토타입 및 목업 제작

    임시 로고로부터 HTML 코드까지 포함된 세트를 준비해 실제 결과물에 가까운 모습을 빠르게 확인합니다.

주의: 주의사항 및 제한

  • 이미지 비율 주의

    정사각형이 아닌 이미지를 업로드하면 아이콘 크기에 맞게 잘리거나 늘어날 수 있습니다.

  • 브라우저 캐시

    파비콘 보기는 브라우저 캐시의 영향을 많이 받습니다. 반영되지 않는 경우 강력 새로고침이나 시크릿 모드를 이용해 보세요.

드래그 앤 드롭 또는 클릭

PNG, JPG, SVG, WebP

16x16

favicon-16x16.png

32x32

favicon-32x32.png

ICO Multi-size

favicon.ico

180x180 (Apple)

apple-touch-icon.png

192x192 (Android)

android-chrome-192x192.png

512x512 (Android)

android-chrome-512x512.png

Favicon 생성기

기준 이미지에서 favicon.ico와 여러 PNG icon 크기를 생성합니다. 브라우저 탭, 북마크, 홈 화면, 사이트 metadata에 필요한 기본 아이콘을 준비할 때 유용합니다.

활용 예시

  • 새 사이트 출시: 로고에서 favicon asset을 만듭니다.
  • 브랜드 리뉴얼: 디자인 변경 후 아이콘을 다시 생성합니다.
  • 모바일 shortcut 준비: 홈 화면과 브라우저용 아이콘을 만듭니다.

작은 아이콘은 세부 요소가 쉽게 뭉개집니다. 단순하고 중앙에 배치된 형태를 사용하세요.

이 도구의 관련 기사

도구 소개
2026-02-09

이미지 한 장으로 파비콘 세트를 브라우저에서 바로 생성하는 도구

favicon.ico부터 Apple Touch Icon, 다양한 해상도의 PNG 이미지까지 브라우저만으로 일괄 생성할 수 있는 도구를 소개합니다.

도구 소개
2026-05-09

HEX·RGB·HSL 색상 변환과 대비(Contrast) 확인 방법

CSS 색상 형식을 변환하고 HSL로 색을 조정하며, 전경색·배경색의 대비를 확인해 읽기 쉬운 UI를 만드는 방법을 예제와 함께 설명합니다.

Recent Articles

도구 소개
2026-08-03

테이블 설계에서 CREATE TABLE 문을 자동 생성하는 구조 | DDL 빌더

테이블을 시각적으로 설계해 CREATE TABLE 문과 ER 다이어그램을 생성하는 DDL 빌더의 구현을 해설합니다. MySQL/PostgreSQL/SQLite의 타입 변환 규칙과 JSON 샘플에서 컬럼을 추론하는 알고리즘을 예제와 함께 정리했습니다.

활용 사례
2026-07-21

GitHub Actions needs 설계 패턴집｜CI를 빠르게 만드는 의존관계 구성과 안티패턴

GitHub Actions의 needs로 만드는 job 의존관계를, 고속화 패턴과 안티패턴 표로 정리합니다. concurrency를 이용한 중복 실행 취소, fail-fast, matrix×needs 조합, 재사용 가능한 워크플로우까지 실전 예제로 해설합니다.

활용 사례
2026-07-21

Mermaid ER 다이어그램 문법 레퍼런스｜관계 기호와 실전 예제

Mermaid erDiagram 문법 완전 정리: 까마귀발 표기법 카디널리티 치트시트, 1대다 vs 다대다, PK/FK를 포함한 속성 정의, 전자상거래 완전 예제까지 다룹니다.

도구 소개
2026-07-21

SQL 빌더로 SELECT·JOIN 쿼리를 시각적으로 작성하는 방법

브라우저에서 시각적 SQL 빌더로 SELECT, WHERE, JOIN을 조립하는 방법을 해설합니다. 값의 자동 따옴표 판정 원리, JOIN 사용 구분표, 여러 테이블 JOIN 작성법까지 다룹니다.

활용 사례
2026-07-21

SQL JOIN 완전 레퍼런스｜INNER·LEFT·RIGHT·FULL의 차이와 결과 행 수 이해하기

SQL JOIN 종류(INNER/LEFT/RIGHT/FULL/CROSS/SELF)를 치트시트와 결과 행 수 예제로 정리합니다. 1대다 JOIN에서 행이 늘어나는 이유, WHERE절과 ON절의 NULL 처리 차이, 여러 테이블 JOIN 작성법까지 다룹니다.

도구 소개
2026-07-16

Case Converter ― camelCase·snake_case·kebab-case 등 9종류를 한 번에 변환

식별자나 변수명을 camelCase·PascalCase·snake_case·CONSTANT_CASE·kebab-case 등 9종류의 명명 규칙으로 동시 변환하는 방법을 해설합니다. 연속 대문자(HTTPServer)와 숫자 처리, 여러 줄 일괄 변환까지 다룹니다.

광고

사이트 내에서 자주 쓰는 유틸리티를 빠르게 전환하세요.

기사
1
기사 목록
AI·LLM
3
AI Rules 생성기 LLM 토큰 카운터 LLM API 비용 계산기
개발 및 DevOps
9
GitHub Actions 시각화 SQL 포매터 Visual SQL Builder DDL 빌더 SQL → ER 다이어그램 cURL 변환기 chmod 계산기 Cron 편집기 및 파서 인프라 구성도 빌더
데이터 변환 및 스키마
6
JSON 포매터 JSON → TypeScript JSON → Zod JSON → OpenAPI JSON ⇔ YAML 변환 CSV ⇔ JSON 변환기
보안 및 암호화
5
Base64 / 58 / 32 JWT 도구 해시 및 HMAC 생성기 JWKS 생성기 UUID 생성기
텍스트 및 코드 보조
5
마크다운 테이블 생성기 텍스트 유틸리티 정규식 테스터 Diff 뷰어 케이스 변환기
URL, QR 및 네트워크
5
URL 인코딩 / 디코딩 IP / CIDR 계산기 URL 파라미터 → JSON QR 생성기 QR 리더
디자인 및 UI
2
색상 도구 파비콘 생성기
날짜 및 시간
3
시간대 변환기 시간 단위 변환 UNIX 타임스탬프 변환

광고