TutuEdit

ICO 아이콘 만들기 · 웹사이트 favicon

PNG를 품고 투명도 유지, 상한 256. 로컬 처리, 업로드 없음.

이미지를 놓고 크기를 정한 뒤, 내보낼 때 ICO를 고르면 됩니다.

ICO 파일은 안에 PNG를 품습니다(요즘 ICO 형식은 PNG 페이로드를 허용합니다). 그래서 투명한 배경이 그대로 살아남고, 옛날식 비트맵 페이로드보다 파일이 훨씬 작습니다. 상한은 256×256이고, 이는 저희가 건 빗장이 아니라 ICO 형식 자체의 규칙입니다. 디렉터리 항목에서 가로와 세로에 각각 1바이트만 주어지고 256은 0으로 적기 때문에, 그보다 큰 값은 아예 표현할 수 없습니다. 한 가지 더 분명히 해 두면, 나오는 것은 단일 크기 ICO이지 16/32/48을 한 파일에 묶는 예전 방식이 아닙니다. 사실 요즘 사이트는 여러 크기 ICO에 기대지 않습니다. HTML에서 `link` 태그로 여러 크기의 PNG를 선언하고, ICO는 /favicon.ico를 직접 요청하는 구형 브라우저용 보조로 루트에 하나만 둡니다. 모든 연산은 사용자 브라우저에서 이뤄지며 이미지는 업로드되지 않습니다.

주요 기능

투명도가 살아 있음

페이로드가 PNG라서 투명한 모서리도 둥근 모서리도 그대로 넘어옵니다.

작은 파일

PNG 페이로드는 옛날식 비트맵보다 훨씬 작아 favicon이 더 빨리 뜹니다.

256 상한은 형식의 규칙

ICO는 디렉터리 항목에서 가로·세로에 1바이트씩만 줍니다. 256은 0으로 적고, 그보다 크면 표현할 수 없습니다.

로컬 처리

이미지가 업로드되지 않습니다. 탭을 닫으면 아무것도 남지 않습니다.

사용 방법

  1. 1
    이미지 넣기
    정사각형 이미지가 가장 잘 맞습니다. 상자로 끌어다 놓으세요.
  2. 2
    정사각형으로 만들기
    1:1로 자른 뒤 크기를 32×32나 48×48로 설정하세요.
  3. 3
    ICO로 내보내기
    내보내기 대화상자에서 형식을 ICO로 고르면 됩니다.
  4. 4
    사이트 루트에 두기
    루트에 favicon.ico라는 이름으로 두세요. 구형 브라우저가 거기로 직접 요청합니다.

자주 묻는 질문

여러 크기가 들어간 ICO인가요?
아닙니다, 단일 크기입니다. 파일 안에 PNG 하나를 품어 크기가 작고 투명도도 유지됩니다. 여러 크기가 필요하면 따로 내보내면 되지만, 요즘 사이트는 HTML에 PNG 여럿을 선언하고 ICO는 하나만 보조로 두는 편입니다.
favicon은 얼마나 커야 하나요?
ICO 하나만 쓴다면 32×32나 48×48이 현실적입니다. 요즘 브라우저는 대부분 HTML에 선언된 PNG를 씁니다(iOS 홈 화면용 180×180, PWA용 192와 512). ICO는 주로 /favicon.ico를 직접 요청하는 구형 브라우저를 위한 것입니다.
ICO는 최대 얼마까지 가능한가요?
256×256입니다. ICO 형식 자체의 규칙으로, 파일의 디렉터리 항목에서 가로와 세로에 각각 1바이트씩만 주어지고 256은 0으로 적기 때문에 그보다 큰 값은 표현할 수 없습니다. 저희가 더한 제한이 아닙니다.
무료인가요? 이미지가 업로드되나요?
무료이고 가입도, 사용 횟수 제한도 없습니다. 업로드되는 것도 없습니다 — 전부 사용자 브라우저에서 돌아갑니다.

지금 ICO 아이콘 만들기 · 웹사이트 favicon 사용해 보기

브라우저에서 완전히 실행 · 설치 불필요 · 가입 불필요 · 이미지는 절대 업로드되지 않음