모바일 홈페이지 바로 가기 아이콘 이미지 만들기 정보
Mobile 모바일 홈페이지 바로 가기 아이콘 이미지 만들기
본문
기종에 따라 설정하는 부분이 다르지만
에이젼트 값을 구해와서 크게 분류해서 해봤습니다.
1) 안드로이드 계열
<link rel="apple-touch-icon-precomposed" href="/img/icon/icon-72.png" /> <-- 사이즈 : 72x72
(*) 혹 캘럭시 탭인 경우 가물가물한데... 114x114 로 알고 있습니다.
2) 아이폰
2-1) 3 버젼 : <link rel="apple-touch-icon" href="/img/icon/icon-57.png"> <-- 사이즈 : 57x57
2-2) 4 버젼 : <link rel="apple-touch-icon" href="/img/icon/icon-14.png"> <-- 사이즈 : 14x14
2-3) 나머지 버젼 : <link rel="apple-touch-icon" href="/img/icon/icon-14.png"> <-- 사이즈 : 114x114
3) 아이패드
<link rel="apple-touch-icon" sizes="72*72" href="/img/icon/icon-ipad-72.png" /> <-- 사이즈 : 72x72
이렇게 하니 되더군요.
안드로이드 계열에 모바일 기기만 4천개라고 합니다.
따라서 모든 기종이 없었기에 위의 내용을 바탕으로 아래와 같이 넣으시면 됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<html lang="ko">
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
// 아래에 위의 기종에 따른 <Link ~ > 을 삽입하세요
<link rel="apple-touch-icon" ~~ />
추천
2
2
댓글 3개
저두 참고 해야겠네여~
참고해야겟당..
