Apple-touch-icon, favicon on iPhone
PC의 브라우저에서 홈페이지를 북마크에 추가하면, 브라우저가 사이트 루트의 favicon.ico 파일을 찾아서 북마크 아이콘으로 사용합니다. 물론 다음 그림과 같이 주소표시줄 등에도 아이콘이 표시되죠.
If you add a bookmark in a browser on your PC, the browser searches for favicon.ico in root directory of the web site, and uses it as an icon of the bookmark if it exists. Of course the icon appeares in the browser’s address bar like bellow.
パソコンのブラウザでホームページのブックマークを追加すると、ブラウザはサイトのルートからfavicon.icoファイルを探し、それをアイコンとして使います。 下の絵のようにアドレスバーにもアイコンが表れます。
아이폰에서도 홈페이지의 바로가기를 홈 화면에 추가할 때 PC의 favicon과 같이 아이콘을 지정할 수 있습니다. 그냥 사이트 루트에 apple-touch-icon.png 파일을 만들어 두기만 하면 됩니다. 그러면 사파리에서 사이트를 홈 화면에 추가할 때, 이 파일을 찾아서 아이콘으로 사용합니다. 이 파일이 존재하지 않으면 그냥 사이트의 현재 화면을 캡처해서 아이콘으로 사용합니다.
아이콘에 반사광 효과를 사용하지 않으려면 위 파일 대신 apple-touch-icon-precomposed.png를 사용하면 됩니다.
아이콘에 반사광 효과를 사용하지 않으려면 위 파일 대신 apple-touch-icon-precomposed.png를 사용하면 됩니다.
On iPhone, you can set the icon when a visitor adds a short-cut to the home screen. Just place apple-touch-icon.png file in the root directory of your homepage. Safari searches for the image, then uses it as the icon. If the file is not exists, Safari takes snapshot of the page, and uses it as the icon.
If you do not want to use gloss effect on the icon, use apple-touch-icon-precomposed.png instead.
If you do not want to use gloss effect on the icon, use apple-touch-icon-precomposed.png instead.
iPhoneでも、ホーム画面にブックマークを追加する時、faviconのようにアイコンを指定できます。ただapple-touch-icon.pngファイルをサイトのルートに置けば良いんです。すると、Safariがそのファイルをアイコンとして使用します。そのファイルがないと、現在のページをキャプチャーして、使います。光沢効果を使わない時には、替りにapple-touch-icon-precomposed.pngファイルを使用します。
또는 다음과 같이 link 태그를 통해 이미지의 경로 및 파일명을 지정할 수 있습니다.
You can set the path or the file name of the image, using link tag like the following code.
下のコードを使って、他のイメージをアイコンに設定出来ます。
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
와우 굿 ㅋㅋ 이런 팁이 ㅋㅋ
외국 블로그에는 많이 올라와 있는데, 우리나라에는 관련 글이 없는듯 하네.
저는 해당페이지내의 가장 이쁜부분을 적당히 확대한 후 사파리의 좌측상단에 바탕화면 버튼크기만큼 이동한 다음 바탕화면에 추가합니다. 그럼 해당 이쁜이 부분만ㅋㅋ 나오더군요..^^ 놀라운 아이폰입니다.!
아하, 그런 방법도 있군요.
그런데 apple-touch-icon 파일이 설정되어 있으면, 위 방법이 안 통한다는 문제가 있네요 ㅎㅎ
감사합니다 :)
별말씀을요 ^^a
안녕하세요. 제가 아이폰이 없어서 위의 이미지를 사용하고자 합니다. 개인 블로그에서 정보공유 용도구요.
자세한 것은 제 블로그에서 확인해보시기 바랍니다. http://t.co/jeCZAD5
원하지 않으신다면 바로 삭제하도록 하겠습니다. 이 댓글 또한 삭제하셔도 좋습니다.
이미지는 가져다 사용하셔도 별로 문제 없을것 같네요^^