파비콘 생성기
Free이미지를 업로드하면 favicon.ico, 브라우저와 기기가 필요로 하는 모든 PNG 크기, apple-touch-icon, Android 아이콘, site.webmanifest, 붙여넣을 HTML까지 포함된 완전한 파비콘 패키지를 하나의 ZIP으로 받으세요.
모든 작업이 브라우저에서만 실행됩니다. 이미지가 어디에도 업로드되지 않습니다.
클릭하여 이미지를 선택하거나 여기에 드래그 앤 드롭하세요
정사각형 이미지가 가장 좋지만, 어떤 크기나 모양이든 괜찮습니다.
정사각형이 아닌 이미지
앱 세부 정보 (site.webmanifest용)
생성된 크기
최근 활동
모든 사람에게 공개됩니다. 모든 방문자의 최근 20회 사용 내역, 최신순으로 표시됩니다.
Favicon set generated
1시간 전
Favicon set generated
1시간 전
Favicon set generated
1시간 전
Favicon set generated
1시간 전
이 도구의 기능
로고나 이미지를 업로드하면 이 도구가 완전한 파비콘 패키지를 생성합니다. 다중 해상도 favicon.ico, 최신 브라우저와 기기가 요구하는 각 크기별 개별 PNG, apple-touch-icon, Android Chrome 아이콘, 미리 채워진 site.webmanifest, 그리고 페이지의 <head>에 붙여넣을 정확한 HTML 태그까지, 모두 하나의 ZIP 다운로드로 묶여 제공됩니다.
작동 방식
선택에 따라 중앙 정사각형으로 잘리거나 배경색으로 채워진 이미지가 각 목표 크기(16, 32, 48, 180, 192, 512픽셀)의 HTML 캔버스에 그려집니다. 그런 다음 가장 작은 세 가지 크기가 현재 모든 브라우저와 운영체제가 올바르게 읽는 경량 바이너리 컨테이너인 PNG 내장 ICO 형식을 사용해 하나의 favicon.ico로 패키징됩니다. ZIP 파일 자체에 이르기까지 모든 것이 브라우저에서 조립되며, 아무것도 업로드되지 않습니다.
해결하는 문제
- 각각을 수동으로 크기 조정하는 대신 하나의 원본 이미지에서 최신 사이트에 필요한 모든 파비콘 크기를 생성하는 것.
- 전문 이미지 소프트웨어 없이 올바르게 구성된 다중 크기 favicon.ico를 만드는 것.
- 이미지 파일뿐만 아니라 바로 사용 가능한 site.webmanifest와 일치하는 HTML 태그까지 얻는 것.
- 게시하기 전에 아이콘이 브라우저 탭에서 실제로 어떻게 보일지 미리 확인하는 것.
자주 묻는 질문
›왜 이렇게 많은 다른 크기가 필요한가요?
플랫폼마다 필요한 크기가 다릅니다. 브라우저 탭은 보통 16x16 또는 32x32를, iOS 홈 화면 아이콘은 180x180을, Android Chrome과 PWA 설치 알림은 192x192와 512x512를 사용합니다. 이 모두를 제공하면 일부 기기에서 늘어나거나 흐릿하게 보이지 않고 어디서나 선명하게 보입니다.
›favicon.ico란 무엇이며, PNG와 함께 여전히 필요한 이유는 무엇인가요?
.ico 형식은 여러 크기(16x16, 32x32, 48x48)를 하나의 파일로 묶을 수 있으며, 다른 아이콘 링크가 지정되지 않은 경우 매우 오래된 브라우저와 일부 OS 수준 바로가기를 포함해 브라우저가 기본적으로 사용하는 형식입니다. 이 도구는 현재 모든 브라우저와 OS가 지원하는 최신 PNG 내장 형식을 사용해 세 가지 크기를 모두 하나의 유효한 favicon.ico로 패키징합니다.
›정사각형이 아닌 이미지는 잘라야 하나요, 아니면 여백을 채워야 하나요?
자르기는 모든 픽셀을 꽉 채운 상태로 유지하지만 정사각형이 아닌 이미지의 가장자리를 잘라냅니다. 로고가 이미 프레임을 채우고 있을 때 적합합니다. 여백 채우기는 주위에 배경색을 추가해 전체 이미지가 보이도록 유지하며, 로고에 빈 여백이 있거나 중앙에 위치하지 않은 경우에 더 적합합니다.
›site.webmanifest는 무엇을 위한 것인가요?
누군가 사이트를 홈 화면에 추가하거나 프로그레시브 웹 앱으로 설치할 때, Android 및 기타 플랫폼이 사이트의 이름, 아이콘, 테마 색상을 알기 위해 읽는 작은 JSON 파일입니다. 이 도구는 방금 생성한 아이콘으로 미리 채워진 파일을 생성합니다.
›이 작업으로 제 로고가 어딘가에 업로드되나요?
아니요. 모든 크기 조정, ICO 파일, ZIP 자체는 모두 Canvas API를 사용해 브라우저에서 로컬로 생성되며, 이미지는 서버로 전송되지 않습니다.
관련 도구
이미지
이미지 HSL 조정
브라우저에서 바로 실시간 슬라이더로 이미지의 색조, 채도, 명도를 조정합니다.
Free이미지
이미지 일괄 HSL 조정
브라우저에서 바로 여러 이미지에 동일한 색조, 채도, 명도 조정을 한 번에 적용합니다.
Free이미지
이미지에 텍스트 추가
브라우저에서 바로 이미지에 하나 이상의 사용자 지정 텍스트 캡션을 추가합니다.
Free이미지
이미지 배경 제거 (AI)
온디바이스 AI 모델을 사용해 사진의 배경을 자동으로 제거하며, 브라우저에서 바로 처리합니다.
Free이미지
유사색 배색
브라우저에서 바로 어떤 기본 색상으로든 조화로운 유사 색상 팔레트를 생성합니다.
Free이미지
색상 혼합
조정 가능한 균형으로 두 색상을 혼합하며, 단순 RGB, 감마 보정, 또는 HSL 혼합 방식을 사용합니다.
Free이미지
이미지 흐림 효과
브라우저에서 박스, 가우시안, 모션, 또는 방사형 블러를 사용해 이미지를 흐리게 하고 결과를 다운로드합니다.
Free이미지
블러 프레임 이미지 생성기
사진을 자르지 않고 정사각형이나 다른 비율에 맞추며, 남는 공간을 이미지의 흐리게 확대한 복사본으로 채웁니다.
댓글 (0)
이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.
아직 댓글이 없습니다. 첫 번째로 의견을 남겨보세요!