홈 화면에 추가하기 위한 iOS 아이콘이 검은색으로 바뀝니다.

홈 화면에 추가하기 위한 iOS 아이콘이 검은색으로 바뀝니다.

홈 화면에 추가"를 선택하면 iOS(및 Android)용 아이콘을 추가하는 코드는 잘 모르지만, 읽은 내용을 바탕으로 다음을 사용했습니다.

    <link rel="apple-touch-icon-precomposed" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/57.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/72.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/114.jpg"/>  

코드는 정상적으로 동작하고 있는 것 같습니다만, 홈 화면에 추가한 후, 시간이 지나면 아이콘이 사라지고 아이콘 대신 검은 사각형으로 되어 버립니다.무슨 일입니까?사이트는 http://www.redtypewriter.com/ 입니다.WordPress의 커스텀 테마를 사용하고 있습니다.

감사합니다!

검은색 아이콘이 표시되는 주된 이유는 두 가지입니다.

• JPG 사진 사용(iOS는 PNG 선호)
• 투명한 영역에 PNG를 사용합니다. iOS는 투명한 영역을 검은색으로 채웁니다.

당신의 경우 사진이 PNG가 아닌 JPG 형식이기 때문입니다.

당신의 원본 사진으로 세 가지 문제를 관찰했습니다.

• 설명하신 대로 검은색 아이콘입니다.
• 단말기가 아이콘을 표시하는 데 시간이 걸렸습니다(예: 홈 화면에 추가할 때).처음 몇 초 동안은 기본 아이콘만 표시되었습니다.별로 이상한 일은 아니지만, 저는 조금 놀랐어요.
• 북마크할 때 단말기에서 사용자의 아이콘이 아닌 다른 아이콘이 사용되었습니다.

PNG로 변환하고 HTML 코드를 변경하자마자 모든 문제가 한 번에 해결되었습니다.

또한 충분한 사진을 정의하지 않습니다.예를 들어 Retina iPad에서는 아이콘이 잘 표시되지 않습니다.

언급URL : https://stackoverflow.com/questions/23014401/ios-icon-for-add-to-home-screen-turns-black