파비콘·앱 아이콘 크기별로 만들기

파비콘·앱 아이콘 크기별로 만들기. 웹사이트와 앱에서 사용할 여러 크기의 아이콘 파일이 생성됩니다. 로고는 가장자리 여백을 충분히 두면 작은 아이콘에서도 잘 보입니다. 웹사이트 로고를 여러 크기의 파비콘으로 만들 때 필요한 경우를 기준으로 입력·결과와 주의사항을 아래에 정리했습니다.

1웹사이트 로고를 여러 크기의 파비콘으로 만들 때
2PWA와 앱 바로가기에 사용할 PNG 아이콘이 필요할 때
3한 장의 원본 이미지로 크기별 아이콘 ZIP을 만들 때

파비콘·앱 아이콘 크기 일괄 생성

기능별 사용 안내

파비콘·앱 아이콘 크기별로 만들기: 실제 사용 방법과 주의사항

웹사이트와 앱에서 사용할 여러 크기의 아이콘 파일이 생성됩니다. 로고는 가장자리 여백을 충분히 두면 작은 아이콘에서도 잘 보입니다. 웹사이트 로고를 여러 크기의 파비콘으로 만들 때 필요한 경우를 기준으로 입력·결과와 주의사항을 아래에 정리했습니다.

이 안내는 현재 사이트에서 제공하는 이 도구의 입력·출력 옵션과 처리 방식에 맞춰 작성했습니다. 기능이 바뀌면 설명도 함께 갱신합니다.

입력

Image

결과

PNG icon ZIP

대표 사용 상황

웹사이트 로고를 여러 크기의 파비콘으로 만들 때

이럴 때 사용하면 됩니다

  • 웹사이트 로고를 여러 크기의 파비콘으로 만들 때
  • PWA와 앱 바로가기에 사용할 PNG 아이콘이 필요할 때
  • 한 장의 원본 이미지로 크기별 아이콘 ZIP을 만들 때

실제 작업 순서

  1. 정사각형에 가까운 원본 이미지를 선택합니다.
  2. 아이콘 생성을 실행합니다.
  3. 각 크기 미리보기를 확인합니다.
  4. 여러 크기의 PNG 아이콘 ZIP을 다운로드합니다.

입력 형식과 저장 결과

입력 형식은 Image이며 결과는 PNG icon ZIP 형식으로 저장됩니다. 웹사이트와 앱에서 사용할 여러 크기의 아이콘 파일이 생성됩니다.

설정값을 정할 때 알아둘 점

로고는 가장자리 여백을 충분히 두면 작은 아이콘에서도 잘 보입니다. 투명 PNG를 사용하면 배경이 깔끔하게 유지됩니다. 사용자가 설정을 바꾸지 않는 한 도구가 임의로 다른 규격을 선택하지 않습니다.

큰 파일·모바일에서 주의할 점

초고해상도 사진이나 여러 장의 이미지는 모바일 메모리를 많이 사용할 수 있습니다. 먼저 한 장으로 설정을 확인하고, 많은 파일은 여러 묶음으로 나누어 처리하세요. 아주 복잡한 로고는 16px·32px에서 식별하기 어려울 수 있습니다.

작업이 실패하거나 결과가 이상할 때

아주 복잡한 로고는 16px·32px에서 식별하기 어려울 수 있습니다. 입력값·파일 형식·페이지 범위·브라우저 권한이 현재 도구의 조건과 맞는지 확인한 뒤 다시 실행하세요.

이 기능에서 자주 생기는 질문

파비콘·앱 아이콘 크기별로 만들기 결과는 정확히 어떻게 저장되나요?

입력 형식은 Image이며 결과는 PNG icon ZIP 형식으로 저장됩니다. 웹사이트와 앱에서 사용할 여러 크기의 아이콘 파일이 생성됩니다.

파비콘·앱 아이콘 크기별로 만들기에서 가장 먼저 확인해야 할 설정은 무엇인가요?

로고는 가장자리 여백을 충분히 두면 작은 아이콘에서도 잘 보입니다. 투명 PNG를 사용하면 배경이 깔끔하게 유지됩니다. 사용자가 설정을 바꾸지 않는 한 도구가 임의로 다른 규격을 선택하지 않습니다.

파비콘·앱 아이콘 크기별로 만들기이 실패하거나 결과가 이상할 때 무엇을 확인해야 하나요?

아주 복잡한 로고는 16px·32px에서 식별하기 어려울 수 있습니다. 입력값·파일 형식·페이지 범위·브라우저 권한이 현재 도구의 조건과 맞는지 확인한 뒤 다시 실행하세요. 큰 파일이나 모바일 환경에서는 처리량을 줄여 다시 시도하는 것도 도움이 됩니다.

파일 처리 방식이 궁금하다면

지원되는 작업의 파일은 브라우저 안에서 처리합니다. 메타데이터 보존 여부, 브라우저 메모리와 변환 한계는 별도 파일 처리 정책에 정리했습니다.

파일 처리 정책 확인 →

다음 작업에 이어서 쓰기 좋은 도구