форум vBSupport.ru > vBulletin > All versions of vBulletin
  • »
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
 
 
 
 
Luvilla
Гость
Default 404: apple-touch-icon.png

Любите ли вы читать логи? Логи ошибок, в основном - еррор.лог
Повторюсь, ибо говорила это уже неоднократно: весьма занимательное чтиво, рекомендую

File does not exist: /home/*****/apple-touch-icon-precomposed.png
File does not exist: /home/*****/apple-touch-icon.png

Это не что-то новое, я давно их наблюдаю, эти записи, вот руки дошли разобраться
Кто уже разбирался - а почему не опубликовали?

так... короткая версия:
Quote:
Если в отчетах (логах) своего сервера вы обнаруживаете ошибки 404, которые связаны с тем, что не найдены файлы "apple-touch-icon.png" и "apple-touch-icon-precomposed.png", то это означает, что ваш блог посещают с iPhone, iPad или iPod Touch. Эти устройства ищут на сайте данные файлы для того, чтобы посетитель смог сохранить "закладку" сайта на рабочем столе (называется он Home Screen) своего iГаджета. Официально они называются Web Clip Icons.

То есть, эти файлы – это и есть те иконки, которые будут отображаться на Home Screen`е iДевайса. Что самое любопытное - эти файлы "ищутся" не только в момент добавления сайта на домашний экран, а при каждом посещении. И если файлов apple-touch-icon.png или apple-touch-icon-precomposed.png не существует, то сервер фиксирует ошибку 404 (не найден файл, к которому было обращение), а это уже отдельная операция, которая требует определенного действия (запись на жесткий диск). И как следствие – это дополнительная нагрузка на сервер.
Длинная и весьма полезная статья, цитата из неё: http://bloginfo.biz/apple-touch-icon.html
кому лениво читать всю статью, ещё цитата:
Quote:
Так что, давайте исправлять ситуацию.

Первым делом, нам необходимо создать нужную иконку в формате .png. Рисуете (или подбираете) ее. Желательно, в хорошем разрешении.

Теперь нужно понять: какой размер в пикселях необходим для иконки, и куда ее помещать?

Качество (разрешение) экранов устройств от Apple постоянно растет и меняется, поэтому нужно оптимизировать эти "картинки" под разные устройства. На данный момент, в официальной эппловской документации приняты следующие размеры:

57 x 57 px - для iPhone, iPod touch
114 x 114 px - для iPhone, iPod touch высокого разрешения (Retina)
72 x 72 px - для iPad
144 x 144 px - для iPad высокого разрешения (Retina)
Так вот, самым простейшим способом будет – создать иконку, размером 57x57 px, назвать ее apple-touch-icon.png, и поместить в корень сайта. При добавлении сайта на домашний экран, iOS сама скруглит ей края и наложит глянцевые эффекты. Если же, вы не хотите наложения этих эффектов (тем более, сейчас "плоский дизайн" в тренде), то следует создать еще и файл apple-touch-icon-precomposed.png. На него будет наложено только скругление.

Но вышеописанный метод не совсем правильный, по нескольким причинам:

мы уважаем своих посетителей, и понимаем, что i-устройства у всех разные;
при таком способе, Android-девайсы не смогут поместить на домашний экран данную иконку.
Поэтому, мы пойдем правильным путем, а именно, вставкой простого html-кода.

Для начала нам нужно будет создать либо четыре файла с вышеуказанными размерами, либо два файла: 144x144 px и 114x114 px. После чего, нужно поместить их в корень сайта (или в любую удобную для вас директорию), а в header сайта поместим код:

Code:
<!-- Standard iPhone, iPod touch -->
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-114.png" />
<!-- Retina iPhone, iPod touch -->
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114.png" />
<!-- Standard iPad -->
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-144.png" />
<!-- Retina iPad -->
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144.png" />
Комментарии можете удалить, их я специально написал для понимания.

Ну, а в случае, если вам не нужны специфические эппловские эффекты, то:

Code:
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-144-precomposed.png " />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144-precomposed.png" />
Как видите, при такой схеме используются только два файла, а размеры задаются значением атрибута sizes (используется только в HTML5).

Итог всех этих несложных манипуляций:

- проявление уважения к тем, кто посещает ваш сайт с мобильных девайсов, и добавляет его на домашний экран для быстрого доступа;
- никаких лишних ошибок с кодом "404", и дополнительной, пусть и не очень большой, нагрузки на хостинг.
Информация про размер этих apple-touch-icon, возможно, уже устарела, статья-то позапрошлогодняя... если кто в курсе, что нам сейчас актуально - не поленитесь, расскажите

То есть, по сути, эта apple-touch-icon - аналог фавикона, только большой... ооочень большооой...
что-то вспомнилось:




так... к чему это я... хотела даже тему назвать Make my favicon bigger
вот я, например, не рисую...
предлагаю в этой теме организовать небольшую взаимопомощь
у нас на саппорте очень много людей с прямыми руками, отличным художественным вкусом и фотошопом, найдутся ли желающие накреативить иконки для тех, у кого с рисованием проблемы?

Если да - то я первый "заказчик"
мне бы хотелось apple-touch-icon'ок для http://domovyat.net/
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
Smalesh
В Черном списке
Default
3

Quote:
Originally Posted by Luvilla View Post
Если в отчетах (логах) своего сервера вы обнаруживаете ошибки 404, которые связаны с тем, что не найдены файлы "apple-touch-icon.png" и "apple-touch-icon-precomposed.png", то это означает
... что у вас в nginx нет локейшенов аля
Code:
location = /apple-touch-icon.png { log_not_found off; }
location = /apple-touch-icon-precomposed.png { log_not_found off; }


Кстати, если рисовать, то рисовать весь списочек

Code:
apple-touch-icon-114x114.png
apple-touch-icon-120x120.png
apple-touch-icon-144x144.png
apple-touch-icon-152x152.png
apple-touch-icon-57x57.png
apple-touch-icon-60x60.png
apple-touch-icon-72x72.png
apple-touch-icon-76x76.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
browserconfig.xml
favicon-160x160.png
favicon-16x16.png
favicon-196x196.png
favicon-32x32.png
favicon-96x96.png
favicon.ico
mstile-144x144.png
mstile-150x150.png
mstile-310x150.png
mstile-310x310.png
mstile-70x70.png
 
 
Luvilla
Гость
Default

Quote:
Originally Posted by Smalesh View Post
... что у вас в nginx нет локейшенов аля
та ну тебя

Quote:
Originally Posted by Smalesh View Post
Кстати, если рисовать, то рисовать весь списочек
хм...
что такое browserconfig.xml и как его рисовать?
 
 
Smalesh
В Черном списке
Default
0

Quote:
Originally Posted by Luvilla View Post
что такое browserconfig.xml и как его рисовать?
А это уж для Windows 8.1, плашки.
 
 
Luvilla
Гость
Default

Quote:
Originally Posted by Smalesh View Post
А это уж для Windows 8.1,
а... не, не знаю, форточек не юзаю...
 
 
Smalesh
В Черном списке
Default
1

Во, здесь тоже самое, но на русском

Smalesh добавил 12.08.2015 в 12:52
Quote:
Originally Posted by Luvilla View Post
а... не знаю, форточек не юзаю...
И все-все-все посетители домовят?

Last edited by Smalesh : 08-12-2015 at 01:52 PM. Reason: Добавлено сообщение
 
 
Luvilla
Гость
Default

Quote:
Originally Posted by Smalesh View Post
И все-все-все посетители домовят?
конечно, большинство - таки с форточек
есть маки (на удивление много), есть ай-девайсы
но в логах это самое browserconfig.xml мне как-то не попадалось
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
0

Quote:
Originally Posted by Luvilla View Post
но в логах это самое browserconfig.xml мне как-то не попадалось
Может все на ХР и 7-ках сидят
 
 
Smalesh
В Черном списке
Default
0

Quote:
Originally Posted by Luvilla View Post
но в логах это самое browserconfig.xml мне как-то не попадалось
C рабочего
Code:
grep "browserconfig.xml" блаблабла.ua.access.log | wc -l
1761
На втором сервере 1216 вхождений. Как-то так.
 
 
Luvilla
Гость
Default

это прикол... из серии "совпадений не бывает" Мне только что подкинули еррор.лог - и там этого browserconfig.xml - завались
невероятно.. именно сегодня, именно после того, как мы тут начали обсуждение!
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 02:44 AM.


Powered by vBulletin® Version 3.6.0
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Loading...