본문으로 바로가기

[PHP] File does not exist : apple-touch-icon

category Helloworld!/PHP 2013. 2. 18. 12:11

1. 에러
[69] => [Sun Feb 17 02:26:44 2013] [error] [] File does not exist: 경로/apple-touch-icon-57x57-precomposed.png
[70] => [Sun Feb 17 02:26:45 2013] [error] [] File does not exist: 경로/apple-touch-icon-57x57.png
[74] => [Sun Feb 17 03:12:24 2013] [error] [] File does not exist: 경로/apple-touch-icon-72x72-precomposed.png
[75] => [Sun Feb 17 03:12:25 2013] [error] [] File does not exist: 경로/apple-touch-icon-72x72.png
[90] => [Mon Feb 18 07:43:15 2013] [error] [] File does not exist: 경로/apple-touch-icon-114x114-precomposed.png
[91] => [Mon Feb 18 07:43:16 2013] [error] [] File does not exist: 경로/apple-touch-icon-114x114.png
[92] => [Mon Feb 18 07:43:17 2013] [error] [] File does not exist: 경로/apple-touch-icon-precomposed.png
[93] => [Mon Feb 18 07:43:18 2013] [error] [] File does not exist: 경로/apple-touch-icon.png

2. 해결
- 애플 아이콘을 사용하려면 자신의 버전으로 가리키는 링크 태그가 필요함.
- 예를 들어
[error] [] File does not exist: 경로/apple-touch-icon.png
에러를 잡기 위해선 <link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">와 같은 형식으로 사용해야한다.
- 링크 태그 넣는 방법에 대한 설명을 좀 더 자세히 하자면,
a 57x57 pixel version named: touch-icon-iphone-precomposed.png
a 72x72 pixel version named: apple-touch-icon-72x72-precomposed.png
a 114x114 pixel version named: apple-touch-icon-114x114-precomposed.png 등

위와 같이 png파일 명에 precomposed가 들어간 이미지 파일에는
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"> 와 같이
rel에 apple-touch-icon-precomposed을 넣어준다.

a 57x57 pixel version named: touch-icon-iphone.png
a 72x72 pixel version named: apple-touch-icon-72x72.png
a 114x114 pixel version named: apple-touch-icon-114x114.png

위와 같이 precomposed가 들어가있지 않은 파일에는
<link rel="apple-touch-icon" href="/touch-icon-iphone.png" />처럼
rel에 apple-touch-icon을 넣어준다.

3. 참고 사이트
- http://www.websitebabble.com/tutorial-town-code-tutorials-how-tos/27088-pronounced-fav-eye-con-16x16-icon-often-located-next-web-address-browser-used-branding-mobile-devices.html
- http://theksmith.com/technology/howto-website-icons-browsersdevices-favicon-apple-touch-icon-etc/