관리 메뉴

심재운 블로그

apple touch icon 만드는 온라인 사이트 본문

모바일관련/iOS

apple touch icon 만드는 온라인 사이트

재우니 2016.12.27 10:10

 

http://web-stuebchen.de/


현재 아래 http://iconifier.net/ 사이트는 운영 중인 듯 싶은데, 파일을 다운로드 받을 경우 오류가 발생한 화면이 나옵니다.

차후 개선될 수 도 있으므로 내용은 지우지 않을 예정입니다. 지속적으로 안될 경우 위의 http://web-stuebchen.de/ 사이트를 활용해 주세요.


웹 화면에서 아이폰을 위한 바로가기 아이콘을 만들어 주는 사이트가 있는데요. 우선 큰 이미지 하나 정도는 가지고 있어야 합니다.

가로 180 x 세로 180 정도 사이즈 이면 됩니다.

http://iconifier.net/

해당 사이트 접속하여 이미지 업로드 하면 아이콘 기기에 맞게 바로가기 아이콘을 제공합니다.

보통 용어는 apple touch icon 이라고 합니다.

 

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">


1 Comments
댓글쓰기 폼