PNG 를 파비콘(ICO)으로
이미지 한 장으로 favicon.ico 와 웹·앱 아이콘 세트를 한 번에 만듭니다.
지금 바로 편집하기파일은 기본적으로 서버로 전송되지 않고 브라우저 안에서만 처리됩니다.
사용 방법
- 1정사각형에 가까운 이미지를 올립니다.
- 2필요한 크기(16·32·48·180·192·512)와 모서리 모양을 고릅니다.
- 3ZIP 으로 내려받고 함께 제공되는 HTML 태그를 붙여 넣습니다.
이럴 때 씁니다
- 데스크톱 아이콘 편집기를 열지 않고 새 사이트의 파비콘 세트를 만듭니다.
- 정사각 로고를 PWA 매니페스트가 요구하는 앱 아이콘으로 바꿉니다.
- 흐릿한 옛 파비콘을 모든 크기에서 선명한 것으로 교체합니다.
editpot 을 쓰는 이유
- 업로드하지 않습니다
- 이미지는 브라우저 안에서 처리됩니다. 서버로 가지 않으니 나중에 지울 것도 없습니다.
- 설치도 가입도 없이
- 페이지를 열면 바로 시작합니다. 로그인은 작업을 다음 방문까지 이어가고 싶을 때만 필요합니다.
- 무료로 씁니다
- 크기 조절·자르기·투명 배경·텍스트·지우기에 제한도 워터마크도 없습니다.
- 지원 포맷
- PNG · JPG · WebP · GIF · PSD · AI 를 50MB 까지. 내보내기는 PNG · JPG · WebP · GIF 입니다.
자주 묻는 질문
- ICO 하나에 여러 크기가 들어가나요?
- 네. 16·32·48 을 담은 멀티사이즈 favicon.ico 로 생성됩니다.
- 원본이 정사각형이 아니면요?
- 미리보기의 크롭 프레임을 끌어 어느 부분을 쓸지 정할 수 있습니다.
- 사이트에 실제로 필요한 크기는 뭔가요?
- favicon.ico 안의 16 · 32 · 48 이 브라우저를 덮고, 180 은 애플 터치 아이콘, 192 와 512 는 웹 앱 매니페스트용입니다.
- 붙여넣을 HTML 도 주나요?
- 줍니다. 고른 크기에 맞는 link 태그가 함께 내려받아지므로 head 에 그대로 붙여넣으면 됩니다.
- 복잡한 로고도 16px 에서 알아볼 수 있나요?
- 대개 어렵습니다. 도형 하나로 단순화하고 작은 글자는 빼세요. 미리보기가 모든 크기를 한 번에 보여주니 받기 전에 판단할 수 있습니다.