Comments on: How to Display Images in ESP32 and ESP8266 Web Server

By: Sara Santos

Sara Santos — Tue, 30 Dec 2025 15:48:16 +0000

Hi.
What do you mean?
I don’t think I understood your question.

Regards,
Sara

By: Francisco Dias

Francisco Dias — Mon, 29 Dec 2025 19:36:03 +0000

Hi Sara,
I am working on ESP32 Async Web server with AP and STN. Wanted to display icons through web page. Where should I post my queries?
Randomnerd Tutorials are really inspiring and helpful. I take lot of inputs from them.
Many thanks
Fran

By: Sara Santos

Sara Santos — Tue, 02 Jul 2024 09:31:04 +0000

In reply to GaryD.

Hi.
We have this web server project, in which we set an image as a background. You can take a look and see if you can adapt it.
https://randomnerdtutorials.com/esp32-lora-sensor-web-server/
Regards,
Sara

By: GaryD

GaryD — Mon, 01 Jul 2024 21:45:08 +0000

Sara:
Trying to load a stored image in little FS and set the image as the HTML backround. Tried numerous HTML code and cant get it to display as WebServer backround. Can you provide a code snippet?

By: Steve Spence

Steve Spence — Mon, 22 Apr 2024 13:46:11 +0000

Tools > ESP32 Data Sketch Upload not supported in IDE 2.x
How else can I load a gif into my esp32 for my webserver code to display?

By: Ed

Ed — Tue, 13 Feb 2024 20:38:54 +0000

In reply to noel cris.

Either by giving your html a link to a remote faviconm or if you want your own favicon stored in LittleFS:

with
server.on(“/favicon.png”, HTTP_GET, [](AsyncWebServerRequest *request){
request->send(LittleFS, “/favicon.png”, “image/png”);
});

By: John N

John N — Sun, 21 Jan 2024 17:28:25 +0000

See comments in this thread: https://randomnerdtutorials.com/install-esp8266-nodemcu-littlefs-arduino/#comment-885378

By: John

John — Thu, 18 Jan 2024 19:20:16 +0000

After creating a remote sensor/webserver for my wifes greenhouse, I wanted to do some upgrades. Since that time SPIFFS has been deprecated, and LittleFS is not supported in the 2.XX versions of Arduino IDE. So I then turned to VScode/PlatformIO for the IDE only to find there were not libraries for the ESP8266 version of LittleFS. I really don’t want to get into Base64 code. Where does that leave me, other than rolling back to an earlier version of the Arduino IDE?

By: Ed

Ed — Thu, 18 Jan 2024 14:07:43 +0000

I do not us the base64 method often as it makes the programs a bit complicated to read, but as I just now quickly needed to insert a picture in a ‘remote’ ESP through OTA, it was quickest to use base64, so I came back to this tutorial, inserted my pic and got all sorts of unexplainable compilation errors.
Long story short: It got solved by using single quotes (‘) rather than double quotes (“) around the base64 code.

By: luis

luis — Mon, 05 Jun 2023 08:59:36 +0000

In reply to StanislavS.

Dear StanislavS:
I had same problem time ago please use a short path to your files
server.on(pic.c_str(), HTTP_GET, [](AsyncWebServerRequest *request){
request->send(SPIFFS, pic_.c_str(), “image/png”