사각형에 가까운 간단한 로고를 준비하고 16, 32, 48, 64, 128, 256px를 포함하는 ICO를 만듭니다. 브라우저 디스플레이에서는 특히 16px와 32px를 확인합니다.
작아도 아는 도형을 선택
favicon은 탭이나 북마크에서 매우 작게 표시됩니다. 얇은 편지, 복잡한 사진, 긴 로고는 깨지기 쉽기 때문에 머리 글자와 간단한 기호가 적합합니다.
원본 이미지는 사각형이 이상적입니다. 직사각형으로도 변환할 수 있습니다만, 중앙에 축소 배치되기 때문에 여백이 커지는 경우가 있습니다.
배경 및 투명 부분 확인
PNG는 투명한 배경을 유지할 수 있습니다. 어두운 브라우저 테마와 밝은 테마 모두에서 보이는 색상을 선택하여 윤곽이 배경에 녹지 않도록합니다.
JPEG는 투명하지 않습니다. 사진이나 배경색이 있는 이미지를 사용하는 경우 네 모퉁이의 색상도 의도한 대로 확인합니다.
여러 크기를 하나의 ICO에 넣기
ICO는 다중 해상도 이미지를 단일 파일로 저장할 수 있습니다. Pixel Toolbox에서는 16, 32, 48, 64, 128, 256px에서 원하는 크기를 선택할 수 있습니다.
특별한 이유가 없으면 모든 것을 선택하면 브라우저와 Windows가 표시 위치에 가까운 해상도를 사용하기 쉽습니다.
설치 후 캐시에주의
favicon을 사이트에 설치해도 브라우저가 오래된 아이콘을 캐시하고 즉시 변경되지 않을 수 있습니다. 다른 브라우저나 비공개 보기에서도 확인합니다.
ICO뿐만 아니라 PNG 아이콘과 Web App Manifest를 사용하는 사이트도 있습니다. 사용할 시스템의 지정 파일 이름과 크기를 확인하십시오.
ICO에 저장할 수 있는 크기
각 크기의 PNG를 만들고 하나의 ICO 컨테이너에 차례로 저장합니다.
ICO 작성 전후의 확인
- ✓간단하고 정사각형에 가까운 이미지를 사용했습니다.
- ✓밝은 어두운 배경 모두에서 본
- ✓필요한 크기를 선택했습니다.
- ✓16px 및 32px 확인
- ✓설치처의 지정을 확인했다
ICO 변환
JPEG/PNG에서 선택한 여러 크기의 ICO 파일을 만들 수 있습니다.
ICO 변환→이 글은 일반적인 사용 방법을 안내합니다. 제출처·인쇄소·공식 서비스의 별도 요구사항이 있다면 해당 조건을 우선하세요.
A SMALL NOTE FROM SPACE작은 별일수록 모양의 특징이 중요합니다. 16픽셀에서도 알 수 있는 표시를 우주의 한 모서리에 둡시다.