Как добавить favicon?

Question

[kirillleogky]

public/index.html :

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

Путь к фото:

Не изменяется favicon
Подскажите в чем проблема?

Comments

[Михаил]

1. где корень сайта
2. почему фавикон в сурсах а не в public
3. есть ли сборка
4. какая сборка, если есть

[kirillleogky]

Михаил, фавикон обычно где должен быть?
вместе с иконками или где?
я использую react-create-app
закинул в public и всё работает href="./favicon.ico"

[Froggyweb]

kirillleogky, и какие мысли по этому поводу?

[kirillleogky]

Froggyweb,
фавикон наверное должен быть с изображениями

Answer 1

[Арсений Матыцин]

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

В данном случае тебе надо смотреть не вглубь директории, а в соседнюю.

Хотя на самом деле favicon почти всегда проще держать рядом с исполняемым файлом, чтобы путь выглядел так:

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

UPD: Я глянул каменты и собирается же он не тут, а в другую директорию, что-то типа dist, верно? Оттуда и надо плясать: где в конечном счете оказываются файлы.

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

И, судя по тому, что я вижу названия типа /js/main.47ea7688.chunk.js, то у тебя именно тот случай. Смотри документацию и ищи, куда и как попадают файлы.

Comments

[kirillleogky]

Арсений Матыцин а на проектах как обычно делают с фавиконами?

[Арсений Матыцин]

kirillleogky, на простых, как я описал. На чуть более сложных типа WP-тема — там загоняется на ЯП пути, полные самописки — как рука ляжет. Но проще всегда держать, как я сказал, в одном месте рядом с исполняемым файлом.

[kirillleogky]

Арсений Матыцин, не работает(

dashing-roof.surge.sh

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

- вот так прописал

[Арсений Матыцин]

kirillleogky, погоди-ка. Я глянул каменты и собирается же он не тут, а в другую директорию, что-то типа dist, верно? Оттуда и надо плясать: где в конечном счете оказываются файлы.

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

И, судя по тому, что я вижу названия типа /js/main.47ea7688.chunk.js, то у тебя именно тот случай. Смотри документацию и ищи, куда и как попадают файлы.