각 플랫폼은 서로 다른 파일을 찾습니다. 브라우저는 탭과 북마크에 16px와 32px 아이콘을 쓰고, iOS는 누군가 사이트를 홈 화면에 추가할 때 180px apple-touch 아이콘을 쓰며, 안드로이드는 매니페스트를 읽어 192px와 512px 아이콘을 찾습니다. 하나만 제공하면 나머지는 흐릿하거나 일반적인 아이콘으로 대체됩니다.
아이콘이 어디 있는지 브라우저에 알려주는 <link>와 <meta> 태그 모음입니다. 페이지의 <head>에 붙여넣으세요, 붙여넣지 않으면 파일은 사이트 루트에 놓여 있어도 대부분 찾아지지 않습니다.
투명이 더 안전한 기본값이며 브라우저 탭에서 자연스럽게 보입니다. 로고가 어두운 색이라 어두운 탭 바 위에서 묻힐 수 있거나, 투명도를 흰색으로 납작하게 만드는 iOS 홈 화면에서도 아이콘 뒤에 같은 색을 두고 싶다면 단색을 고르세요.
아니요. 크기 조정, ICO 패킹, 매니페스트 생성 모두 브라우저에서 이루어지며, 이미지는 기기를 벗어나지 않습니다.
