Apple Touch Icon

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:

<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 kommt in der Konsole (nicht gefunden redirect auf Startseite)

Ist es ein großer Aufwand dies einzubauen ?

Vielen Dank !

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.

1 „Gefällt mir“
<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…

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…

1 „Gefällt mir“

Das logo kommt standardmäßig von espuino.de

1 „Gefällt mir“

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 wenn die beiden anderen nicht da waren.

Ist das korrekt ?


		// 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");
		});

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

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. :slight_smile:

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

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

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.

3 „Gefällt mir“

Super @tueddy

Vielen Dank !