[웹, 아이폰] 웹 사이트 책갈피용 스프링보드 아이콘 추가하기

2014-05-09 08:36:42에 작성됨 | 모바일앱, 프로그래밍

아이폰 / 아이팟 터치에는 원하는 웹 사이트를 스프링보드에 책갈피로 등록하여 바로 이동 할 수 있게 만드는 기능이 있다.

IMG_0029_1

웹 페이지에서 하단 툴바 중 ‘+’를 클릭하여 추가할 수 있다.

IMG_0027_1

추가 된 모습.

근데 대부분 포털사이트는 이렇게 자체 제작한 아이콘이 나타나는 반면, 그렇지 않은 웹 사이트는 웹 페이지의 전체 스크린샷을 아이콘으로 등록하여 보기에 좋지 않다. (어떻게 나타나는지 정확히 알려면 위키페디아 모바일로 들어가서 확인 바람.)

이런 문제점을 본인의 모바일 웹 사이트에서 고치고 싶다면 다음 처럼 간단히 해결 할 수 있다.

먼저 아이콘으로 사용 할 가로, 세로 각각 57픽셀의 이미지를 만든다.

 photoshop
그리고 PNG파일로 저장한다. 파일 이름은 ‘apple-touch-icon.png’로 저장하면 된다.

photoshop2

그리고 웹 사이트 root 폴더에 업로드만 하면 끝!

Leave a Reply

Your email address will not be published. Required fields are marked *