이미지 ICO 변환
로고 PNG, 디자이너가 보낸 SVG, 브랜드 키트의 JPG, 심지어 휴대폰 사진까지 가진 그림으로 favicon.ico나 Windows 아이콘을 만듭니다. 결과 파일에는 여러 크기가 들어 있습니다. 아래에서는 어떤 원본이 가장 좋은지, 플랫폼마다 어떤 아이콘 파일을 따로 요구하는지 설명합니다.
이미지 변환
또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
85면 사진이 원본과 눈으로 구분되지 않습니다. 파일을 더 작게 만들어야 할 때만 낮추십시오.
JPG, BMP, EPS는 투명도를 지원하지 않습니다. 투명한 픽셀은 이 색으로 채워집니다.
투명한 픽셀 뒤에 들어갈 색의 Hex 값입니다(예: #FFFFFF).
이 형식은 이미지 한 장만 담을 수 있습니다. 애니메이션을 유지하려면 GIF나 WebP로 출력하십시오.
다중 크기 아이콘은 여러 해상도를 한 파일에 담으며, 브라우저와 운영체제가 필요한 크기를 골라 씁니다.
원본 크기를 유지하거나, 한 변만 입력하면 가로세로 비율이 유지됩니다.
위에서 선택한 변의 픽셀 값입니다.
원본 크기 대비 비율입니다.
화면과 웹에는 sRGB가 맞습니다. 인쇄 작업에는 원본을 유지하고, 회색조는 색상을 버립니다.
메타데이터만 바뀌며 0이면 원본 값을 유지합니다. 프린터와 일부 사이트가 이 숫자를 읽지만 픽셀 크기는 바뀌지 않습니다.
사용 방법
- 1
가장 깔끔한 원본 고르기
아이콘으로 쓸 이미지를 올리십시오. 256 × 256 px 이상의 정사각형 로고나 심볼이 가장 좋습니다.
- 2
아이콘 크기는 전체로 두기
고급 설정의 아이콘 크기는 모든 크기 (16–256)로 시작합니다. 프로그램이 정확히 한 가지 크기만 요구할 때만 하나를 고르십시오.
- 3
변환 후 확인
ICO로 변환을 누르고 파일을 다운로드한 뒤, 게시하기 전에 브라우저 탭이나 바탕 화면에서 실제로 확인하십시오.
이미지를 ICO 아이콘으로 바꾸려면 어떻게 하나요?
256 × 256 px 이상의 정사각형 이미지를 올리고, 아이콘 크기를 모든 크기 (16–256)로 둔 채 ICO로 변환을 누르십시오. 16, 32, 64, 128, 256 px 버전이 담긴 파일 하나가 만들어지며, favicon.ico나 Windows 바로 가기 아이콘으로 바로 쓸 수 있습니다.
이미지 ICO 변환: 어떤 원본 그림에서 시작할까
ICO는 Windows만큼 오래된 Microsoft의 아이콘 컨테이너입니다. 그림 한 장이 아니라 작은 그림 목록을 저장하며, Windows Vista부터는 가장 큰 256 px 이미지를 PNG로 압축할 수 있습니다. 브라우저는 1999년 Internet Explorer 5가 모든 사이트에 /favicon.ico를 요청하기 시작하면서 이 형식을 받아들였습니다.
변환기는 그림을 16 px까지 줄이므로, 결과를 좌우하는 것은 어떤 설정보다도 원본입니다. 업로드하기 전에 가진 이미지를 아래 순서로 따져 보고, 가로로 길다면 먼저 정사각형으로 자르십시오. 사진 자르기 도구로 몇 초 만에 1:1 프레임을 맞출 수 있습니다.
벡터 로고(SVG, EPS, AI)
크기마다 새로 래스터화하므로 가장자리가 선명합니다. 디자이너가 보내 줄 수 있다면 가장 좋은 선택입니다.
투명 PNG 또는 WebP
탭 막대가 비쳐 보이는 투명 배경이 유지됩니다. 256 px 이상에서 시작하십시오.
JPG, HEIC 또는 스크린샷
가능하지만 사각형 배경이 함께 들어갑니다. 모서리가 의도한 것처럼 보이도록 채우거나 자르십시오.
플랫폼마다 아이콘 파일을 찾는 위치
32 × 32 px
favicon.ico(브라우저 탭)
탭과 즐겨찾기에는 16 px와 32 px가 그려지며, 이 페이지의 ICO는 둘 다 담습니다
256 × 256 px
Windows 바로 가기 또는 .exe
큰 아이콘 보기와 고DPI 화면은 256 px 이미지를 고릅니다
180 × 180 px
apple-touch-icon.png
ICO가 아닌 PNG이며, iPhone 홈 화면에 사이트를 추가할 때 쓰입니다
512 × 512 px
웹 앱 매니페스트 아이콘
설치형 웹 앱용으로 192 px 버전과 함께 manifest.json에 등록하는 PNG
ANY I
모든 이미지
이 도구는 JPG, PNG, WebP, HEIC, GIF, BMP, TIFF 등 일반적인 이미지 형식을 받습니다. 형식은 파일에서 자동으로 감지되므로 어떤 종류의 이미지인지 몰라도 됩니다.
ICO
Windows 아이콘(ICO)
ICO는 Windows 프로그램 아이콘과 웹사이트 파비콘에 쓰이는 Microsoft의 아이콘 형식입니다. .ico 파일 하나에 16×16, 32×32, 48×48, 256×256 픽셀처럼 여러 크기의 이미지를 담을 수 있어 시스템이 가장 알맞은 것을 고릅니다. 각 이미지는 비트맵이나 PNG 데이터로 저장할 수 있고 완전한 알파 투명도를 지원합니다. ICO는 사진이나 큰 작업물용이 아닙니다. 브라우저, Windows, 대부분의 아이콘 편집기에서 읽을 수 있습니다.
- 압축 방식
- 무손실
- 투명도
- 예
- 애니메이션
- 아니요
- 도입 연도
- Microsoft
아무 이미지나 ICO로 변환하는 것은 브라우저 탭, Windows 바로 가기, 설치 프로그램이 .ico 파일 하나를 요구하는데 가진 것은 다른 형식의 로고, 스크린샷, 사진뿐이기 때문입니다. ICO에서 PNG를 추출하는 것은 그 반대인 그림 복구 작업입니다.
ICO로 변환하기 전 16 px 가독성 테스트
16 × 16 px 아이콘의 픽셀은 모두 256개입니다. 전체 워드마크는 회색 얼룩이 되고, 굵은 글자 하나나 심볼 하나만 살아남습니다. 변환하기 전에 아무 뷰어에서나 원본을 16 px로 줄여 보고, 열린 탭 30개 사이에서 알아볼 수 있을지 생각해 보십시오.
대비는 모양만큼 중요합니다. 탭은 밝은 브라우저 테마와 어두운 테마 모두에 놓이므로, 투명 배경 위의 검은 로고는 다크 모드에서 사라질 수 있습니다. 심볼 뒤에 가는 밝은 윤곽선이나 꽉 찬 둥근 사각형을 두면 양쪽에서 모두 보입니다. macOS 앱 번들에는 ICNS가 필요하며, PNG ICNS 변환으로 같은 그림에서 그 파일을 만들 수 있습니다.
이미지 ICO 변환 질문
이 페이지에서 어떤 이미지 형식을 ICO로 만들 수 있나요?
PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD, 카메라 RAW 등 변환기가 읽는 모든 이미지입니다. 투명 PNG나 SVG가 가장 깔끔한 가장자리를 만들고, JPG도 되지만 사각형 배경이 함께 따라옵니다.
favicon.ico 하나면 충분한가요, 다른 아이콘 파일도 필요한가요?
.ico는 모든 브라우저의 탭과 즐겨찾기를 담당합니다. iPhone과 iPad는 apple-touch-icon이라는 180 × 180 px PNG를 찾고, Chrome은 웹 매니페스트에 192 px와 512 px PNG 아이콘이 있어야 사이트를 앱으로 설치하도록 제안합니다.
Windows용 ICO에 48 px 이미지가 필요한가요?
파일 탐색기의 보통 아이콘 보기는 아이콘을 48 px로 그립니다. 파일에 48 px 이미지가 없으면 Windows는 그다음으로 큰 이미지, 여기서는 64 px 이미지를 줄여 쓰며, 굵은 그림이라면 대개 문제없습니다. 가는 선 작업은 흐려질 수 있습니다.
ICO 하나가 16 px와 256 px에서 다른 그림을 보여 줄 수 있나요?
형식상으로는 가능하며, 시스템 아이콘은 가장 작은 크기에 단순화한 그림을 쓰는 경우가 많습니다. 이 변환기는 그림 하나를 모든 크기로 줄입니다. 16 px 버전에 별도 그림이 필요하다면 그 그림을 따로 내보내 아이콘 크기를 16 px로 설정해 변환하십시오.
변환 전에 아이콘이 16 px에서도 알아볼 수 있는지 어떻게 확인하나요?
아무 편집 프로그램에서 16 px로 줄인 뒤 100%로 보십시오. 무엇인지 알아볼 수 없다면 디테일을 덜어 내십시오. 슬로건을 빼고, 이니셜이나 심볼만 남기고, 가는 선은 굵게 만드십시오.
favicon.ico는 웹사이트의 어디에 올려야 하나요?
/favicon.ico 주소로 열리도록 사이트 루트에 두십시오. 가리키는 태그가 없어도 브라우저가 그 주소를 요청하기 때문입니다. 페이지 head에 rel="icon" 링크 태그를 넣으면 다른 위치에 둘 수도 있습니다.