# Apple Touch Icon

**URL:** <https://forum.espuino.de/t/apple-touch-icon/2589>\
**Category:** Software\
**Created:** [28. Dezember 2023 um 15:55 UTC](https://forum.espuino.de/t/apple-touch-icon/2589 "2023-12-28T15:55:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dotmatrix812](https://forum.espuino.de/user_avatar/forum.espuino.de/dotmatrix812/32/2404_2.png) [@Dotmatrix812](https://forum.espuino.de/u/Dotmatrix812)\
**Post date:** [28. Dezember 2023 um 15:55 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/1 "2023-12-28T15:55:46Z")

</div>

Hallo Zusammen,  
ich hatte probiert (für den Shortcut auf dem Home-Screen) ein Touch Icon für Apple zu hinterlegen. Dazu hatte ich in der management.html folgendes eingefügt:

```auto
<link rel="apple-touch-icon" href="http://tespuinoblau.local/apple-touch-icon-blau.png"/>

```

und in den Ordner html das png abgelegt.

Leider geht das nicht, auch der Versuch das Icon direkt aufzurufen unter [http://tespuinoblau.local/apple-touch-icon-blau.png](http://tespuinoblau.local/apple-touch-icon-blau.png) kommt in der Konsole (nicht gefunden redirect auf Startseite)

Ist es ein großer Aufwand dies einzubauen ?

Vielen Dank !

---

<div class="post-metadata">

**Author:** ![biologist](https://forum.espuino.de/user_avatar/forum.espuino.de/biologist/32/66_2.png) [@biologist](https://forum.espuino.de/u/biologist)\
**Post date:** [28. Dezember 2023 um 20:37 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/2 "2023-12-28T20:37:21Z")

</div>

Das geht so nicht. Dafür musst du in Web.cpp einen Endpunkt anlegen und derart ausimplementieren, dass er dir z.B. ein File ausliefert, das auf der SD-Karte liegt.  
Einfacher ist es, wenn du dieses Icon auf einen anderen Webserver legst und per URL dann referenzierst.

Wenn dir unklar sein sollte, was mit Endpunkt gemeint ist, dann suche mal in Web.cpp nach `/logo`. So in der Art könntest du das lösen.

---

<div class="post-metadata">

**Author:** ![JHB](https://forum.espuino.de/letter_avatar_proxy/v4/letter/j/67e7ee/32.png) [@JHB](https://forum.espuino.de/u/JHB)\
**Post date:** [29. Dezember 2023 um 19:21 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/3 "2023-12-29T19:21:21Z")

</div>

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

```

gibt es ja schon, aber leider kann man das nicht als Touch Icon ausliefern, das muss png sein…

> **[Touch- & Favicons - so behalten Sie den Überblick - clickstorm Blog](https://www.clickstorm.de/blog/touch-favicons-so-behalten-sie-den-ueberblick/)**
>
> Auf dem Feld der Touch- und Favicons kocht aktuell jeder Hersteller sein eigenes Süppchen. Ziemlich chaotisch ... finden wir.

Wenn dann auch bitte gleich für Android…

aber es gibt wohl eine logo.png, vielleicht kann die mit ausliefern?

btw Wo kommt die eigentlich her? Im Git ist da doch keine…

---

<div class="post-metadata">

**Author:** ![SZenglein](https://forum.espuino.de/user_avatar/forum.espuino.de/szenglein/32/297_2.png) [@SZenglein](https://forum.espuino.de/u/SZenglein)\
**Post date:** [30. Dezember 2023 um 01:05 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/4 "2023-12-30T01:05:34Z")

</div>

Das logo kommt standardmäßig von [espuino.de](http://espuino.de)

> <https://github.com/biologist79/ESPuino/blob/894c6d8392b4f1aa92d3c73bf10635e8b4b59e1b/src/Web.cpp#L499>

---

<div class="post-metadata">

**Author:** ![Dotmatrix812](https://forum.espuino.de/user_avatar/forum.espuino.de/dotmatrix812/32/2404_2.png) [@Dotmatrix812](https://forum.espuino.de/u/Dotmatrix812)\
**Post date:** [30. Dezember 2023 um 07:29 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/5 "2023-12-30T07:29:09Z")

</div>

Wenn ich das richtig verstehe, dann sucht er erst intern nach den png logo, dann nach dem svg logo und dann kommt der Redirect an [espuino.de](http://espuino.de) wenn die beiden anderen nicht da waren.

Ist das korrekt ?

```auto

		// ESPuino logo
		wServer.on("/logo", HTTP_GET, [](AsyncWebServerRequest *request) {
			Log_Println("logo request", LOGLEVEL_DEBUG);
			if (gFSystem.exists("/.html/logo.png")) {
				request->send(gFSystem, "/.html/logo.png", "image/png");
				return;
			};
			if (gFSystem.exists("/.html/logo.svg")) {
				request->send(gFSystem, "/.html/logo.svg", "image/svg+xml");
				return;
			};
			request->redirect("https://www.espuino.de/Espuino.webp");
		});

```

---

<div class="post-metadata">

**Author:** ![SZenglein](https://forum.espuino.de/user_avatar/forum.espuino.de/szenglein/32/297_2.png) [@SZenglein](https://forum.espuino.de/u/SZenglein)\
**Post date:** [30. Dezember 2023 um 08:37 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/6 "2023-12-30T08:37:27Z")

</div>

Das stimmt wohl, da die Datei aber bei den allermeisten veemutlich nicht existiert läuft es auf’s gleiche raus.

---

<div class="post-metadata">

**Author:** ![Dotmatrix812](https://forum.espuino.de/user_avatar/forum.espuino.de/dotmatrix812/32/2404_2.png) [@Dotmatrix812](https://forum.espuino.de/u/Dotmatrix812)\
**Post date:** [30. Dezember 2023 um 08:41 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/7 "2023-12-30T08:41:05Z")

</div>

Stimmt, aber so könnte man sich einen Endpunkt bauen, der das touch icon ausleitet ohne das es ausserhalb liegt ?!  
So wie @biologist es angesprochen hatte. 🙂

---

<div class="post-metadata">

**Author:** ![tueddy](https://forum.espuino.de/user_avatar/forum.espuino.de/tueddy/32/22_2.png) [@tueddy](https://forum.espuino.de/u/tueddy)\
**Post date:** [8. Februar 2024 um 09:26 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/8 "2024-02-08T09:26:37Z")

</div>

Das Icon für Apple Home-Bildschirm fehlte noch:

 ![grafik](https://forum.espuino.de/uploads/default/original/2X/7/7b7948033208fea2599a57392d56bea00fc66e9c.jpeg)

Jetzt ab Version `20240208-1-DEV` wird das ESPuino Icon angezeigt:

 ![grafik](https://forum.espuino.de/uploads/default/original/2X/7/7794f6b819b367eee940041d126db29ee378e24c.jpeg)

Für individuelles Logo könnt Ihr auf der SD-Karte einen Ordner `.html` anlegen und darin die Datei `logo.png` bzw. `favicon.png` speichern.

---

<div class="post-metadata">

**Author:** ![Dotmatrix812](https://forum.espuino.de/user_avatar/forum.espuino.de/dotmatrix812/32/2404_2.png) [@Dotmatrix812](https://forum.espuino.de/u/Dotmatrix812)\
**Post date:** [8. Februar 2024 um 10:10 UTC](https://forum.espuino.de/t/apple-touch-icon/2589/9 "2024-02-08T10:10:53Z")

</div>

Super @tueddy

Vielen Dank !
