ICO에서 PNG로 변환하기

처리 중...

포맷
ICO
파일 내 크기
파일 크기

다크 테마 앱, 프레젠테이션 또는 README에 투명 파비콘이 필요할 때는 ICO 컨테이너보다 별도의 PNG가 더 쓰기 편할 수 있습니다. .ico 파일을 놓고 내장 이미지 크기를 확인한 다음 지원되는 이미지 하나를 선택하면 같은 크기의 PNG로 내보낼 수 있습니다.

ICO를 PNG로 변환하는 방법

  1. 1

    .ico 파일을 놓으세요

    컨테이너는 브라우저에서 로컬로 분석됩니다.

  2. 2

    내장 이미지 하나 선택

    각 이미지의 크기, 색 농도, 인코딩 방식을 표시하고 읽을 수 없는 이미지는 지원되지 않는다고 알려 줍니다.

  3. 3

    미리보기 후 다운로드

    선택한 이미지를 확인하고 원래 크기의 PNG 하나를 저장합니다.

  4. 4

    선택 사항: 업스케일

    가장 큰 내장 크기가 필요한 것보다 작다면, 이를 내보낸 뒤 업스케일러와 함께 사용하세요. 여기에서 억지로 늘리지는 마세요.

왜 PNG가 현대적인 사용에 더 적합한 컨테이너인가

ICO는 여전히 브라우저들이 favicon.ico 파일 형식으로 기대하는 형식이지만, 다른 모든 경우에서는 PNG가 이미 이를 대체하고 있습니다.

형식 비교

특성 ICO PNG
투명도 1비트 마스크 + 8비트 알파 8비트 알파 (RGBA)
여러 크기 지원 (하나의 컨테이너 안에) 미지원 (파일당 해상도 하나)
압축 내부에 비압축 BMP 또는 PNG Deflate (zlib)
브라우저 지원 /favicon.ico에 대해 범용 범용 + link rel=icon
편집 도구 제한적 모든 이미지 편집기

오늘날의 파비콘 모범 사례

대부분의 사이트는 여전히 루트 요청에 대해 favicon.ico를 제공하지만, HTML 헤드에서 현대식 PNG 파일들을 링크로 연결합니다.

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

추출 및 편집

PNG로 내보낸 뒤에는 이 아이콘을 Figma, Sketch, GIMP 또는 Photoshop에서 열어 알파를 완벽히 지원하는 상태로 편집할 수 있습니다. 작업이 끝나면 PNG를 다시 내보내고, 필요하다면 새 .ico 파일로 다시 묶으세요.

자주 묻는 질문

내장 PNG의 알파 채널 또는 지원되는 ICO 비트맵의 투명 마스크로 표현된 투명도를 유지합니다. 드문 구형 인코딩은 투명도를 다르게 표현할 수 있으므로 항상 미리보기를 확인하세요.

ICO 디렉터리의 모든 이미지를 나열하지만 지원되는 이미지를 한 번에 하나씩 내보냅니다. 최대 10 MB ICO의 PNG 압축 이미지와 일반적인 비압축 또는 비트필드 Windows 비트맵을 지원합니다. PNG가 여러 개 필요하면 다른 크기를 선택해 다시 다운로드하세요.

품질 손실 없이는 불가능합니다. 작은 아이콘을 업스케일하면 결과가 흐릿해집니다. 큰 버전이 필요하다면 원본 벡터(SVG)를 다시 만들어 원하는 크기로 내보내세요.

아니요. ICO 분석과 PNG 인코딩은 JavaScript와 브라우저 이미지 API를 사용해 기기에서 실행됩니다. 단계 모드에서는 ICO가 브라우저 임시 저장소에 최대 30분 동안만 보관된 뒤 자동으로 만료됩니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다