본문으로 건너뛰기
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 preview

16x16

favicon-16x16.png

32x32 preview

32x32

favicon-32x32.png

favicon.ico preview

ICO Multi-size

favicon.ico

180x180 preview

180x180 (Apple)

apple-touch-icon.png

192x192 preview

192x192 (Android)

android-chrome-192x192.png

512x512 preview

512x512 (Android)

android-chrome-512x512.png

Favicon 생성기

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

활용 예시

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

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

이 도구의 관련 기사

최신 아티클

활용 사례
2026-08-07

curl 옵션 정리|-X -H -d 가 실제로 하는 일과 함정

실무에서 만나는 curl 옵션을 표로 정리했습니다. -d 만으로 이미 POST가 되는 이유, -d 와 --data-raw 의 차이, 앞의 @ 가 조용히 파일을 읽는 함정, 작은따옴표와 큰따옴표의 구분, -k 와 -L 을 쉽게 붙이면 안 되는 이유까지 예제로 설명합니다.

도구 소개
2026-08-06

JSON Schema와 Zod를 상호 변환하는 원리|required와 .optional()의 대응

JSON Schema에서 Zod 스키마를 만들고 Zod 코드에서 다시 JSON Schema를 뽑아내는 양방향 변환기의 구현을 해설합니다. required와 .optional()의 기본값이 반대인 문제, 제약 조건 대응표, 코드를 실행하지 않고 해석하는 방법까지 정리합니다.

활용 사례
2026-08-06

SQL 절 실행 순서 레퍼런스|WHERE에서 SELECT 별칭을 못 쓰는 이유

SQL은 작성한 순서대로 실행되지 않습니다. 논리적 실행 순서(FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT)를 축으로, 별칭이 WHERE에서 안 되는 이유, WHERE와 HAVING의 구분, ONLY_FULL_GROUP_BY, COUNT(*)와 COUNT(컬럼)의 차이, LEFT JOIN + WHERE 함정을 예제로 정리합니다.

활용 사례
2026-08-06

unified diff 형식 읽는 법|git diff의 @@ 헤더 완전 해설

git이 출력하는 unified diff 형식을 읽는 법을 정리했습니다. @@ -12,7 +12,9 @@ 의 네 숫자가 뜻하는 것, 한 글자만 고쳐도 줄 전체가 바뀐 것처럼 보이는 이유, 공백과 줄바꿈 문자의 함정, \ No newline at end of file, 머지 커밋의 @@@, similarity index를 통한 이름 변경 감지까지 예제로 설명합니다.

활용 사례
2026-08-06

UTC⇄JST/KST 변환 레퍼런스|9시간 시차 대조표와 타임존 사고 예방법

UTC와 일본 시간(JST)·한국 시간(KST)의 변환을 대조표로 정리했습니다. ISO 8601의 Z와 +09:00의 의미, JavaScript 날짜 파싱이 9시간 어긋나는 조건, MySQL/PostgreSQL의 타임존 동작, GitHub Actions cron이 UTC로 도는 함정까지 예제와 함께 해설합니다.

활용 사례
2026-08-04

CREATE TABLE 레퍼런스|MySQL·PostgreSQL·SQLite의 타입과 제약 조건 차이

CREATE TABLE(DDL) 작성법을 3개 데이터베이스 비교표로 정리했습니다. 타입 대응표, 자동 증가(AUTO_INCREMENT / IDENTITY / rowid)의 방언 차이, 외래 키의 ON DELETE 동작, MySQL이 조용히 무시하는 CHECK 제약까지 예제와 함께 해설합니다.

광고

광고