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

Фавикон сжат только для браузера Не заполняет все пространство значков.

интернет сайт

Иконка на моем сайте сжата. Это происходит только в браузерах. Этого не происходит со значком маски сафари, значком плитки Windows 8/10, значком ярлыка Android (Launcher) или значком ярлыка сафари iOS. Как я могу это исправить?

Мне нравится? Что вы имеете в виду под сплющенным?

Lennart 24.08.2018 02:40

@LennartHase Посмотрите редактировать

Mrmajik45 24.08.2018 02:51
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
2
816
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

эта проблема может появиться, когда браузер вашего компьютера кэширован ... нажмите CNTROL + F5 на кнопке, у которой скучно, чтобы выполнить жесткое обновление, и добавьте этот код в тег на своей HTML-СТРАНИЦЕ, предполагая, что ваше изображение значка в папке и img / icon / (имя вашего значка) пожалуйста, измените размер вашего значка на высоту: 16 пикселей и ширину 16 пикселей и вставьте приведенный ниже код.

  <link rel = "shortcut icon" type = "image/x-icon" href = "img/icon/favicon.png">

Надеюсь, что это работает для вас

Привет, Stackoverflow! Но вы должны проверить код перед публикацией. У меня есть эти 2 строки для браузера <link rel = "icon" type = "image / png" sizes = "32x32" href = "/ favicon-32x32.png"> <link rel = "icon" type = "image / png "sizes = " 16x16 "href = " / favicon-16x16.png ">

Mrmajik45 24.08.2018 03:14

Извините, я не проверял ваш код, я открыл URL-адрес изображения значка прямо в моем браузере, и, просто взглянув на него, я подумал, что его меньше 16, в любом случае, значок выглядит правильно, когда я посетил ваш сайт. Это немного мало, но это связано с тем, сколько места ваш логотип занимает в самом изображении. Если вы хотите, чтобы значок был больше, вы должны обрезать изображение, чтобы края были как можно ближе к вашему логотипу.

Ahmed amin shahin 24.08.2018 03:36

вот ссылка, у меня есть настройка изображения для вас .. просто замените их в своей папке [ссылка] ftp.sacodeco.net/… [ссылка] @ Mrmajik45

Ahmed amin shahin 24.08.2018 03:58

это живая версия вашего значка после настройки вашего любимого изображения [ссылка] mobiles.sacodeco.net/carscontracting/testfavicon.a5w [ссылка] @ Mrmajik45

Ahmed amin shahin 24.08.2018 04:12

Ваша ссылка ftp не загружается. Я собираюсь скачать его по ссылке на ваш мобильный телефон

Mrmajik45 24.08.2018 05:29

Я рад, что это сработало ... извиняюсь за ftp-ссылку, кажется, что стена комментариев stackover удалила ее часть, в любом случае не уверен ... Я так счастлив, что это сработало для вас. удачи, что бы ты ни делал :)

Ahmed amin shahin 24.08.2018 06:23

См. Мои аннотации на этом изображении при вызове опции iOS «Добавить на главный экран» https://i.stack.imgur.com/XNoVG.jpg

Мои заметки просто иллюстрируют то, что уже сказал Ахмед: вам нужно потратить больше времени на переработку пикселей в вашем значке. Да, все дело в сглаживании и смещении пикселей.

Другие вопросы по теме