Jump to content

Иконки для айфона и андроид


Recommended Posts

Уважаемые Гуру.

Кто-то настраивал престу так чтобы иконка отображалась в закладках смартфонов?

Для обычных сайтов php и html использую сервис по созданию иконок http://iconifier.net/ и все работает.

В Престе 1.6 сделал как всегда и не работает.

Подскажите как добиться результата

Share this post


Link to post
Share on other sites

Нужно прописать в мета-тегах иконки.
Для Win - www.buildmypinnedsite.com
Для iOS - developer.apple.com (искать Specifying a Webpage Icon for Web Clip)

Для Андроида - просто добавить линки на normal и hi-res иконки
В <head> это будет выглядеть примерно так:

<!-- iOS icons -->
<link rel="apple-touch-icon" sizes="144x144" href="http://mysite.com/apple-touch-icon-144x144.png">
<!-- Win icons -->
<meta name="application-name" content="Site Name">
<meta name="msapplication-square310x310logo" content="http://mysite.com/windows-icon-310x310.jpg">
<!-- Android icons -->
<link rel="icon" sizes="128x128" href="http://mysite.com/android-icon-128x128.png">
<link rel="icon" sizes="192x192" href="http://mysite.com/android-icon-192x192.png">

Share this post


Link to post
Share on other sites

 

Нужно прописать в мета-тегах иконки.

Для Win - www.buildmypinnedsite.com

Для iOS - developer.apple.com (искать Specifying a Webpage Icon for Web Clip)

Для Андроида - просто добавить линки на normal и hi-res иконки

В <head> это будет выглядеть примерно так:

<!-- iOS icons -->
<link rel="apple-touch-icon" sizes="144x144" href="http://mysite.com/apple-touch-icon-144x144.png">
<!-- Win icons -->
<meta name="application-name" content="Site Name">
<meta name="msapplication-square310x310logo" content="http://mysite.com/windows-icon-310x310.jpg">
<!-- Android icons -->
<link rel="icon" sizes="128x128" href="http://mysite.com/android-icon-128x128.png">
<link rel="icon" sizes="192x192" href="http://mysite.com/android-icon-192x192.png">

ХМ. попробую конечно.

а как же rel="apple-touch-icon-precomposed"?

Share this post


Link to post
Share on other sites

а путь к файлу иконки у нас какой??? :)

<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-180x180.png?1479146702">

Правильно! Относительный..... вот по этому ссылка на каждой странице товара или категории будет разной :)

Share this post


Link to post
Share on other sites

а путь к файлу иконки у нас какой??? :)

<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-180x180.png?1479146702">

Правильно! Относительный..... вот по этому ссылка на каждой странице товара или категории будет разной :)

никак не прочитаю правильно твое сообщение :blink:  вечер сказывается

прописать с http? :)

Share this post


Link to post
Share on other sites

Ну не нужно прям так сильно хардкодить. Есть пару простых и прямых способа:

<link rel="apple-touch-icon-precomposed" href="{$img_ps_dir}apple-touch-icon-180x180.png">

или, если иконки в папке темы:

<link rel="apple-touch-icon-precomposed" href="{$img_dir}apple-touch-icon-180x180.png">

И не нужно после расширения добавлять временную метку. Или файлы иконок так часто обновляются, что их прям при каждом обновлении страницы ну никак нельзя брать из кеша???

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More