PNG ICO 변환

Q: 웹사이트 파비콘용으로 PNG를 ICO로 바꾸려면 어떻게 합니까?

**모든 크기**를 선택한 채 변환하고, 결과 파일 이름을 `favicon.ico`로 바꿔 사이트 루트 폴더에 올리십시오. 브라우저가 이 경로를 알아서 요청하며, 페이지 head에 `link rel="icon"` 태그로 지정할 수도 있습니다.

정사각형 PNG를 브라우저 탭용 16 px부터 Windows용 256 px까지 여러 아이콘 크기를 한꺼번에 담은 .ico 파일로 바꿉니다. 투명한 모서리와 가장자리는 투명한 그대로 남습니다.

또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

1
정사각형 PNG 업로드
배경이 투명하고 최소 256 × 256 px인 그림을 쓰십시오. 한 번에 PNG 20개까지, 파일당 95 MB까지 올릴 수 있습니다.
2
아이콘 크기 선택
아이콘 크기는 가장 일반적인 선택인 모든 크기 (16–256)에서 시작합니다. 프로그램이 특정 크기를 정확히 요구할 때만 고급 설정에서 크기 하나를 고르십시오.
3
변환 후 .ico 사용
ICO로 변환을 누르고 파일을 내려받아 사이트 루트에 두거나 Windows 바로 가기가 이 파일을 가리키게 하십시오. 업로드한 파일은 30분 뒤 삭제됩니다.

ICO는 그림 한 장이 아니라 아이콘 이미지를 담는 작은 그릇입니다. 파일 하나에 16, 32, 48, 256 px 버전을 담을 수 있고, 시스템이 알맞은 것을 골라 씁니다.

PNG ICO 변환으로 여러 크기를 파일 하나에

ICO 포맷은 아이콘이 작은 비트맵이던 1985년 Windows 1.0에서 시작되었습니다. 핵심은 파일 앞부분의 디렉터리로, 안에 든 이미지마다 너비와 높이를 기록해 둡니다. Windows Vista(2007)부터 이 이미지를 PNG로 저장할 수 있게 되었고, 그 덕분에 투명도가 부드러운 256 × 256 아이콘도 순식간에 불러올 만큼 작은 파일에 들어갑니다.

여기서 PNG를 변환하면 이 그릇을 대신 만들어 줍니다. 원본을 크기마다 축소하고, 알파 채널을 유지해 둥근 모서리와 부드러운 그림자가 어두운 배경과 밝은 배경 모두에서 제대로 보이게 한 뒤, 전부 .ico 하나에 기록합니다. 256 px 이상의 그림에서 시작하십시오. 32 px PNG를 256으로 키우면 크고 흐릿한 아이콘만 얻게 됩니다.

1:1

16 × 16 px

브라우저 탭

일반 픽셀 밀도의 탭과 북마크

1:1

32 × 32 px

고해상도 화면의 탭

Retina 디스플레이와 Windows 200% 배율

1:1

48 × 48 px

Google 검색 결과

Google은 48 px의 배수인 정사각형 파비콘을 요구합니다

1:1

256 × 256 px

Windows 아주 큰 아이콘

ICO 파일에 담을 수 있는 가장 큰 이미지

PNG

PNG 이미지(Portable Network Graphics)

PNG는 1996년 PNG Development Group이 발표하고 이후 W3C와 ISO가 표준화한 무손실 래스터 형식입니다. 모든 픽셀을 그대로 보존하고, 완전한 알파 투명도를 지원하며, 글자, 날카로운 가장자리, 단색 영역을 아티팩트 없이 표현합니다. 이런 정확성 덕분에 스크린샷, 로고, 아이콘, 인터페이스 그래픽에 이상적입니다. 대신 용량이 문제여서, 사진을 PNG로 저장하면 같은 사진의 JPEG나 WebP보다 몇 배 커지는 경우가 많습니다. 모든 브라우저, 운영 체제, 편집기에서 PNG 파일을 열 수 있습니다.

압축 방식: 무손실
투명도: 예
애니메이션: 아니요
도입 연도: 1996 · PNG Development Group

PNG 변환

ICO

Windows 아이콘(ICO)

ICO는 Windows 프로그램 아이콘과 웹사이트 파비콘에 쓰이는 Microsoft의 아이콘 형식입니다. .ico 파일 하나에 16×16, 32×32, 48×48, 256×256 픽셀처럼 여러 크기의 이미지를 담을 수 있어 시스템이 가장 알맞은 것을 고릅니다. 각 이미지는 비트맵이나 PNG 데이터로 저장할 수 있고 완전한 알파 투명도를 지원합니다. ICO는 사진이나 큰 작업물용이 아닙니다. 브라우저, Windows, 대부분의 아이콘 편집기에서 읽을 수 있습니다.

압축 방식: 무손실
투명도: 예
애니메이션: 아니요
도입 연도: Microsoft

ICO 변환

PNG는 한 가지 크기의 그림 한 장이지만, Windows와 브라우저는 여러 크기를 묶은 .ico를 원해 화면마다 가장 선명한 크기를 고릅니다. 반대로 ICO를 PNG로 바꾸는 것은 그림을 꺼내는 일일 뿐입니다.

파비콘과 Windows 아이콘: ICO에 넣을 크기

브라우저는 탭 아이콘을 16 px, 고해상도 화면에서는 32 px로 그리며, Google 검색은 48 px 기준의 파비콘을 보여 줍니다. 모든 크기를 유지하면 파일 하나로 세 가지를 모두 해결합니다.

사이트 루트에 favicon.ico로 저장
Apple 터치 아이콘용 180 × 180 PNG는 따로 추가

16 px에서도 알아볼 수 있는 PNG 그림 준비하기

파비콘은 1999년 Internet Explorer 5에서 시작되었습니다. 누군가 사이트를 즐겨찾기에 추가하면 사이트 루트에서 favicon.ico라는 파일을 찾았습니다. 다른 브라우저도 이 동작을 따라 했기 때문에 지금도 서버 로그에 바로 그 경로에 대한 요청이 찍힙니다.

16 × 16에는 픽셀이 모두 256개뿐이므로 그림이 굵어야 합니다. 슬로건과 가는 윤곽선은 빼고, 밝은 테마와 어두운 테마 모두에서 대비를 강하게 유지하며, 도형 주위에 1픽셀 여백을 두십시오. 많은 브랜드가 첫 글자나 심벌만 씁니다. 로고가 벡터 파일로 있다면 SVG ICO 변환으로 바꿔 모든 크기를 선명한 윤곽선에서 그리게 하십시오.

PNG ICO 변환 자주 묻는 질문

웹사이트 파비콘용으로 PNG를 ICO로 바꾸려면 어떻게 합니까?

모든 크기를 선택한 채 변환하고, 결과 파일 이름을 favicon.ico로 바꿔 사이트 루트 폴더에 올리십시오. 브라우저가 이 경로를 알아서 요청하며, 페이지 head에 link rel="icon" 태그로 지정할 수도 있습니다.

16픽셀에서 아이콘이 흐릿해 보이는 이유는 무엇입니까?

글자나 가는 선이 1픽셀도 안 되는 16 × 16으로 줄이면 세밀한 그림은 살아남지 못합니다. 작은 크기는 단순하게 만드십시오. 브라우저 탭에서는 글자가 들어간 전체 로고보다 굵은 글자 하나나 도형 하나가 더 잘 보입니다.

PNG가 정사각형이 아니면 어떻게 됩니까?

아이콘은 정사각형이므로 가로로 긴 로고는 읽는 프로그램에 따라 여백이 붙거나 찌그러집니다. 먼저 PNG를 정사각형 캔버스로 자르거나 여백을 넣어, 빈 공간이 어디에 생길지 직접 정하십시오.

변환한 .ico로 Windows 폴더 아이콘을 바꿀 수 있습니까?

가능합니다. 폴더를 마우스 오른쪽 버튼으로 클릭해 속성 > 사용자 지정 > 아이콘 변경을 열고 .ico를 찾아 지정하십시오. 바탕 화면 바로 가기도 속성 > 아이콘 변경에서 같은 방법으로 바꿉니다.

사이트에 PNG 아이콘이 있어도 ICO 파일이 필요합니까?

최신 브라우저는 페이지 head에 선언된 PNG와 SVG 아이콘을 받아들이지만, 일부 도구와 피드 리더, 오래된 브라우저는 여전히 /favicon.ico를 직접 요청합니다. 그 자리에 여러 크기를 담은 작은 ICO를 두면 로그에 404 오류가 쌓이지 않습니다.