Наконец-то я нашел годный контент на эту тему. Не реклама, просто говорю что нашел инфу у ричпуша. Разбираем.
- OS/Browser: Windows 7, 8, 10 Pro / Chrome
- Лого: 192 x 192
- Баннер: 492 x 328
- Заголовок: 30 символов
- Описание: 45 символов
Стандартное push-уведомление на компьютерах с Windows 7, 8, 10 Pro, отправленное через Chrome выглядит так. Большой баннер (Rich push) стандартных размеров, текст в описании может частично скрываться.
- OS/Browser: Windows 10 Home / Chrome
- Лого: 192 x 192
- Баннер: 492 x 245
- Заголовок: 30 символов
- Описание: 45 символов
Вот так то же push-уведомление приходит на Windows 10 Home из Chrome. Большой баннер отказывается сверху и сильно подрезается по высоте сверху и снизу. Текст не обрезается, но всё равно появляются многоточия.
- OS/Browser: Windows 7, 8, 10 Home, 10 Pro / Opera
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: до 27 символов
Opera не присылает большой баннер и указывает себя как источник push-уведомления. Часть описания тоже может скрываться.
- OS/Browser: Windows 7, 8, 10 Home,10 Pro / Firefox
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: до 27 символов
Firefox также не присылает баннер и располагает тайтл над квадратной иконкой. Таким образом пользователь увидит описание, но заголовок может и не заметить.
- OS/Browser: Android / Chrome
- Лого: 192 x 192
- Баннер: 492 x 225
- Заголовок: 30 символов
- Описание: 45 символов
В Chrome на Android push-уведомление отображается почти без изменений, но большой баннер также подрезается сверху и снизу в зависимости от размера дисплея.
- OS/Browser: Android / Firefox
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: 45 символов
Firefox вообще не присылает большой баннер на Android. С длинной текста проблем не замечено.
- OS/Browser: MacOS / Opera
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: 45 символов
Opera на MacOS не присылает большой баннер, зато присылает свой логотип, а иконку отодвигает вправо.
- OS/Browser: MacOS / Firefox
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: 45 символов
С Firefox на MacOS то же самое, опять логотип браузера и никакого намёка на баннер
- OS/Browser: MacOS / Chrome
- Лого: 192 x 192
- Заголовок: 30 символов
- Описание: 45 символов
Push-уведомление в Chrome на MacOS отличается кнопками "Закрыть" и "Настройки". Из-за них текст описания может частично скрываться и открываться только по клику на уведомление.