파비콘 생성기

무료 파비콘 생성기. 둥근 모서리와 배경을 갖춘 모든 크기(16, 32, 180, 192, 512px)의 이미지나 이모티콘을 파비콘으로 변환하고 가입 없이 즉시 다운로드하세요.

Shehzad Munir에 의해 구축 및 유지 관리 ·

파비콘 생성기
Loading Favicon Generator
  • 이미지 도구
  • 무료 · 가입하지 않음
  • 브라우저에서 실행됩니다.
  • 5 기능
Share

하나의 아이콘, 모든 크기

모든 이미지나 이모티콘으로 파비콘을 만들고 둥근 모서리와 배경색이 있는 16px 브라우저 탭, 180px Apple 터치 아이콘, 192/512px PWA 아이콘 등 필요한 모든 크기를 다운로드하세요.

최신 사이트에는 브라우저 탭용 작은 16px 아이콘, iOS 홈 화면용 180px Apple 터치 아이콘, Android 및 PWA 매니페스트용 192px 및 512px 아이콘 등 다양한 크기의 파비콘이 필요합니다. 이 생성기는 이미지나 이모티콘을 캔버스의 각 크기로 렌더링하므로 디자인 소프트웨어 없이도 한곳에서 선명한 아이콘을 얻을 수 있습니다.

특징

  • 업로드된 이미지 또는 이모티콘에서 생성
  • 모든 크기: 16, 32, 48, 64, 180, 192, 512px + 모두 다운로드
  • 둥근 모서리, 패딩 및 맞춤 배경
  • 복사 가능 HTML <link> 및 매니페스트 스니펫
  • Apple 터치 아이콘 및 PWA 크기, 로컬에서 실행

파비콘 생성기 사용 방법

  1. 1

    소스를 선택하세요

    이모티콘을 선택하거나 정사각형 이미지를 업로드하세요.

  2. 2

    스타일을 지정하세요

    배경색을 설정하고 둥근 모서리를 전환합니다.

  3. 3

    시사

    16, 32, 64px 미리보기를 확인하세요.

  4. 4

    다운로드 크기

    사이트에 필요한 각 크기를 다운로드하세요.

일반적인 사용 사례

  • 새 웹사이트에 대한 파비콘 만들기
  • 사이드 프로젝트용 이모티콘 파비콘 만들기
  • PWA 및 Apple 터치 아이콘 생성
  • 사이트의 탭 아이콘을 빠르게 새로 고침

상세안내

몇 초 만에 이모티콘 파비콘 생성

아직 로고가 없나요? 이모티콘을 선택하고 배경색과 둥근 모서리를 선택하면 즉시 독특한 파비콘이 생성됩니다. 자신의 작품을 선호하시나요? 정사각형 이미지를 업로드하면 모든 크기에 맞춰 조정됩니다. 모든 것이 브라우저에서 생성되므로 이미지가 장치를 떠나지 않습니다.

실제로 필요한 파비콘 크기

최신 브라우저에는 이전 가이드에서 제안하는 것보다 훨씬 적은 수의 파일이 필요합니다. 16×16, 32×32 및 48×48 픽셀 이미지를 포함하는 favicon.ico는 브라우저 탭과 레거시 소프트웨어를 다룹니다. 180×180 PNG 사과 터치 아이콘은 누군가가 귀하의 사이트를 iPhone 또는 iPad 홈 화면에 저장할 때 사용됩니다. Android 및 설치 가능한 웹 앱의 경우 웹 앱 매니페스트에 192×192 및 512×512 PNG를 추가합니다. SVG 파비콘은 선택 사항이지만 크기가 완벽하게 조정되고 다크 모드에 맞게 색상을 전환할 수 있습니다. 일부 브라우저에서는 링크 태그 없이도 favicon.ico를 요청하므로 사이트 루트에 favicon.ico를 배치하세요.

16픽셀로 읽는 아이콘 디자인

파비콘은 브라우저 탭에서 약 16픽셀로 표시되므로 세부 정보가 사라집니다. 텍스트가 포함된 전체 로고보다는 하나의 굵은 문자, 간단한 기호 또는 로고 마크를 사용하십시오. 강한 대비와 두꺼운 모양은 크기 조정 시 가장 잘 유지됩니다. 가는 선과 그라데이션이 흐려집니다. 어두운 아이콘은 어두운 탭 표시줄에서 사라질 수 있으므로 밝은 브라우저 테마와 어두운 브라우저 테마를 모두 확인하세요. 이모티콘 파비콘은 프로토타입 및 개인 사이트를 위한 빠른 옵션이지만 운영 체제마다 다르게 렌더링되므로 브랜드에 대한 실제 이미지를 사용하세요.

자주 묻는 질문

어떤 파비콘 크기가 필요합니까?

브라우저 탭의 경우 최소 32×32, iOS의 경우 180×180 Apple 터치 아이콘, Android 및 PWA의 경우 192×192 및 512×512 아이콘이 매니페스트됩니다. 이 도구는 모든 항목을 내보냅니다.

이모티콘으로 파비콘을 만들 수 있나요?

예. 이모티콘 모드로 전환하고, 이모티콘을 입력하고, 배경과 둥근 모서리를 선택하고, 모든 크기로 다운로드하세요.

원본 이미지는 정사각형이어야 합니까?

예: 파비콘은 정사각형이므로 정사각형 이미지가 가장 좋은 결과를 제공합니다. 정사각형이 아닌 이미지는 크기에 맞게 조정됩니다.

내 이미지가 업로드되나요?

아니요. 모든 것이 브라우저에서 로컬로 렌더링되며 서버로 전송되는 것은 없습니다.

이미지에서 파비콘을 어떻게 생성하나요?

PNG, JPG 또는 SVG(또는 텍스트/이모지 사용)를 업로드하면 도구에서 사이트에 붙여넣을 HTML 스니펫과 함께 favicon.ico와 모든 PNG 크기, Apple 터치 아이콘 및 Android 아이콘을 생성합니다.

웹사이트에 어떤 파비콘 크기와 파일이 필요합니까?

favicon.ico, 16x16 및 32x32 PNG, 180x180 Apple 터치 아이콘, 192/512 Android 아이콘과 웹 매니페스트가 필요합니다. 생성기는 바로 들어갈 수 있는 전체 패키지를 출력합니다.

텍스트나 이모티콘으로 파비콘을 만들 수 있나요?

예. 문자를 입력하거나 이모티콘을 붙여넣고, 색상과 모양을 선택하고, 다양한 크기의 완전한 파비콘 세트를 다운로드하세요.

일지에서

All articles →