[웹, 아이폰] 웹 사이트 책갈피용 스프링보드 아이콘 추가하기
아이폰 / 아이팟 터치에는 원하는 웹 사이트를 스프링보드에 책갈피로 등록하여 바로 이동 할 수 있게 만드는 기능이 있다.
웹 페이지에서 하단 툴바 중 ‘+’를 클릭하여 추가할 수 있다.
추가 된 모습.
근데 대부분 포털사이트는 이렇게 자체 제작한 아이콘이 나타나는 반면, 그렇지 않은 웹 사이트는 웹 페이지의 전체 스크린샷을 아이콘으로 등록하여 보기에 좋지 않다. (어떻게 나타나는지 정확히 알려면 위키페디아 모바일로 들어가서 확인 바람.)
이런 문제점을 본인의 모바일 웹 사이트에서 고치고 싶다면 다음 처럼 간단히 해결 할 수 있다.
먼저 아이콘으로 사용 할 가로, 세로 각각 57픽셀의 이미지를 만든다.
그리고 PNG파일로 저장한다. 파일 이름은 ‘apple-touch-icon.png’로 저장하면 된다.
그리고 웹 사이트 root 폴더에 업로드만 하면 끝!