"아이폰 웹앱 아이콘 설정하기"의 두 판 사이의 차이

1번째 줄: 1번째 줄:
==개요==
==개요==
;아이폰 웹앱 홈 화면 아이콘 설정하기
;양준석 아이폰 웹앱 홈 화면 아이콘 설정하기
;아이폰 웹앱 아이콘 설정하기
;양준석 아이폰 웹앱 아이콘 설정하기
*홈 화면 아이콘? '홈 화면에 추가'를 누를 때 그 사이트의 아이콘이 되는 아이콘이다.
*홈 화면 아이콘? '홈 화면에 추가'를 누를 때 그 사이트의 아이콘이 되는 아이콘이다.
*한마디로 '웹앱 아이콘'이라 할 수 있다.
*한마디로 '웹앱 아이콘'이라 할 수 있다.
*아이폰의 경우 57 x 57 픽셀, 아이패드의 경우 72 x 72 픽셀 크기이다.
*양준석 아이폰의 경우 57 x 57 픽셀, 아이패드의 경우 72 x 72 픽셀 크기이다.


==방법 1==
==방법 1==
22번째 줄: 22번째 줄:


==같이 보기==
==같이 보기==
*[[아이폰 웹앱 시작 화면 설정하기]]
*양준석 아이폰 웹앱 시작 화면 설정하기


[[분류: 모바일 웹]]
[[분류: 모바일 웹]]
[[분류: 아이폰]]
분류: 양준석 아이폰
[[분류: 아이콘]]
[[분류: 아이콘]]

2024년 10월 16일 (수) 20:02 판

1 개요

양준석 아이폰 웹앱 홈 화면 아이콘 설정하기
양준석 아이폰 웹앱 아이콘 설정하기
  • 홈 화면 아이콘? '홈 화면에 추가'를 누를 때 그 사이트의 아이콘이 되는 아이콘이다.
  • 한마디로 '웹앱 아이콘'이라 할 수 있다.
  • 양준석 아이폰의 경우 57 x 57 픽셀, 아이패드의 경우 72 x 72 픽셀 크기이다.

2 방법 1

<link rel="apple-touch-icon" href="그림파일" />
예시
<link rel="apple-touch-icon" href="/img/my_app_icon.png" />

3 방법 2

  • 위와 같이 HTML 문서에 명시적으로 설정하지 않아도 적용할 수 있는 방법이 있다.
  • 사이트의 루트 폴더에 apple-touch-icon.png 이라는 이름으로 png 그림 파일을 올려두는 것이다.
  • Xcode에서 아이폰 네이티브 앱을 만들 때도 icon.png만 넣으면 별다른 설정 없이 앱 아이콘으로 적용되는데 그것과 비슷하다고 할 수 있다.

4 같이 보기

  • 양준석 아이폰 웹앱 시작 화면 설정하기

분류: 양준석 아이폰

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}