AVIF ICO 변환

로고 파일이 .avif 하나뿐이라면 이 페이지에서 16 px부터 256 px까지 흔히 쓰는 아이콘 크기를 모두 담은 favicon.ico로 바꿀 수 있습니다. 투명 배경도 그대로 유지됩니다.

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

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

출력

변환할 형식

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

사용 방법

1
AVIF 로고 업로드
가지고 있는 가장 큰 정사각형 버전을 쓰십시오. 512 × 512 px 이상이면 작은 크기도 가장 깔끔하게 나옵니다. 로고 여러 개를 한 번에 올려도 됩니다.
2
아이콘 크기는 모두로 두기
아이콘 크기가 모든 크기 (16–256)로 설정되어 있어 .ico 하나로 브라우저 탭, 북마크, Windows 바로 가기를 모두 처리합니다. 프로그램이 특정 크기 하나를 요구할 때만 하나를 고르십시오.
3
ICO로 변환
ICO로 변환을 누르고, 필요하면 내려받은 파일 이름을 favicon.ico로 바꾼 뒤 사이트 루트에 두십시오.

AVIF는 이미지를 빠르게 전달하기 위한 형식이고, ICO는 작은 아이콘을 담는 컨테이너입니다. 변환은 AVIF를 한 번 디코딩한 뒤 축소한 사본 여러 장을 각각의 알파 채널과 함께 .ico 하나에 기록합니다.

AVIF 로고에 ICO 버전이 필요한 이유

AVIF는 2019년 Alliance for Open Media가 발표했고 AV1 동영상 코덱을 바탕으로 합니다. Chrome은 85 버전, Firefox는 93 버전, Safari는 16 버전에서 지원을 추가했고, 그래서 이제 사이트 빌더와 이미지 CDN이 기본으로 AVIF를 내보냅니다. 많은 팀이 브랜드 로고를 logo.avif 하나로만 갖게 되는 이유입니다.

파비콘만은 그 방식이 잘 통하지 않습니다. Windows 바탕 화면 바로 가기와 고정된 사이트는 ICO를 읽고, 오래된 브라우저와 많은 크롤러는 HTML을 보지 않고 /favicon.ico를 가져가며, 일부 CMS의 파비콘 칸은 AVIF 업로드를 아예 거부합니다. AVIF로 만든 ICO 하나면 이 모두를 해결할 수 있고, 중간에 PNG ICO 변환 단계를 거칠 필요도 없습니다.

AVIF

AV1 이미지 파일 형식(AVIF)

AVIF는 AV1 동영상 코덱으로 압축한 정지 이미지와 이미지 시퀀스를 저장하는 형식으로, 2019년 Alliance for Open Media가 확정했습니다. 같은 화질에서 대개 JPEG와 WebP보다 파일이 작고, 투명도, 애니메이션, 광색역, HDR을 지원합니다. 기존 형식보다 인코딩이 느리고, 낮은 품질 설정에서는 아주 미세한 질감이 뭉개져 보일 수 있습니다. 주요 브라우저는 모두 AVIF를 표시하지만, 많은 데스크톱 앱과 SNS 플랫폼, 오래된 기기에서는 열리지 않습니다.

압축 방식: 손실 또는 무손실
투명도: 예
애니메이션: 예
도입 연도: 2019 · Alliance for Open Media

AVIF 변환

ICO

Windows 아이콘(ICO)

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

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

ICO 변환

AVIF 로고는 대개 최신 사이트의 이미지 파이프라인이나 디자이너의 웹용 내보내기에서 나오는데, 사이트 루트에는 여전히 모든 브라우저와 크롤러가 읽을 수 있는 전통적인 favicon.ico가 필요합니다.

favicon.ico에 담기는 아이콘 크기

브라우저 탭과 주소 표시줄: 16 px
북마크, 작업 표시줄 바로 가기: 32 px
Windows 큰 아이콘 보기: 256 px
모든 크기를 favicon.ico 하나에: 파일 1개

알파 유지

AVIF의 투명한 영역은 모든 크기에서 투명하게 남습니다.

크기별로 축소

각 항목은 한 단계 큰 크기가 아니라 원본에서 다시 샘플링합니다.

첫 프레임만

애니메이션 AVIF는 첫 프레임만 사용합니다.

16 × 16에서도 AVIF 로고를 알아보게 하려면

16 px 아이콘은 전체가 256픽셀이라 가는 선, 작은 글자, 그러데이션은 사라집니다. 변환 전에 로고를 단순화한 버전으로 내보내십시오. 워드마크를 뺀 심볼, 더 굵은 선, 밝은 테마와 어두운 테마 모두에서 눈에 띄는 대비가 좋습니다. 배경이 투명하면 탭 색이 비쳐 보여 흰 사각형보다 대개 보기 좋습니다.

AVIF를 강하게 압축하면 선명한 도형 주변의 가장자리가 흐려지거나 색이 번질 수도 있습니다. 로고에 그런 현상이 보이면 무손실 AVIF나 SVG 원본을 요청하십시오. 큰 아이콘에서는 이런 결함이 보이지만 16 px와 32 px에서는 축소 과정에서 대부분 가려집니다. AVIF를 WebP, HEIC와 비교한 배경 설명은 AVIF, HEIC, WebP 알아보기를 참고하십시오.

AVIF ICO 파비콘 자주 묻는 질문

브라우저가 AVIF 파일을 그대로 파비콘으로 쓸 수 있습니까?

Chrome, Firefox, Safari는 AVIF를 표시할 수 있지만, 브라우저, 피드 리더, 많은 링크 미리보기 봇은 기본적으로 사이트 루트의 favicon.ico 파일을 요청합니다. 그 자리에 진짜 ICO를 두면 서버 로그의 404 오류와 오래된 프로그램의 빈 탭 아이콘을 피할 수 있습니다.

AVIF 로고가 정사각형이 아닙니다. 아이콘이 늘어나 보입니까?

아이콘은 정사각형이므로 가로로 긴 로고는 가는 띠처럼 작아지거나 찌그러집니다. 먼저 로고를 심볼이나 이니셜만 남도록 자르십시오. 피사체를 가운데에 두고 1:1로 자르는 방법은 이미지를 비율에 맞춰 자르는 방법에 있습니다.

AVIF의 10비트 색상이 ICO에서도 유지됩니까?

유지되지 않습니다. 아이콘 항목은 채널당 8비트와 8비트 알파 채널을 저장하므로 HDR이나 10비트 AVIF 데이터는 표준 sRGB 색상으로 줄어듭니다. 16 px나 32 px에서는 그 차이를 아무도 알아보지 못합니다.

검색 결과에 표시되는 파비콘에 Google은 무엇을 요구합니까?

Google 가이드라인은 홈페이지에서 참조하는 정사각형 파비콘을, 48 × 48이나 96 × 96처럼 48 px의 배수 크기로 요구합니다. 이 페이지에서 만든 ICO에는 Google이 축소해 쓸 수 있는 더 큰 항목도 들어 있습니다.

앱 아이콘에는 AVIF PNG 변환이 더 낫습니까?

iOS, Android, 웹 앱 매니페스트라면 그렇습니다. 이들은 180 × 180, 512 × 512 같은 고정 크기의 PNG 파일을 요구합니다. 그런 용도에는 AVIF PNG 변환을 쓰고, ICO는 전통적인 파비콘과 Windows용으로 남겨 두십시오.