ESP8266 Community Forum

- Mon Jun 13, 2022 12:51 pm #94763 Refer to this topic

When posting an image all I see; when not logged in, is a small icon with "image" beside the icon.
Have tried using Google Drive to host image; does not work signed-in or not signed-in. Additional, have tried attaching file, then copying link address and pasting between image tags I have also tried resizing images.

What is the process for including images? What image size is recommended?

William

Last edited by Sirquil on Tue Jun 14, 2022 5:02 pm, edited 2 times in total.

- Tue Jun 14, 2022 3:57 am #94765 checkout the following link to embed a picture from google drive
the process described in the answer with the tiger pic worked for me (signed)

https://stackoverflow.com/questions/15557392/how-do-i-display-images-from-google-drive-on-a-website#:~:text=Upload%20your%20image%20to%20google,the%20id%20is%3A%2014hz3ySPn%2DzBd4Tu3NtY1F05LSGdFfWvp

to embed a picture just use the following

Code: Select all<img src="image_url" width="width_in_pixels" height="height_in_pixel">


there are other way to resize images, you might want to dig further here
https://imagekit.io/blog/how-to-resize-image-in-html/#:~:text=One%20of%20the%20simplest%20ways,image%20is%20640%C3%97960.

https://github.com/quackmore

- Tue Jun 14, 2022 4:24 am #94766 I'm a bit confused: do you mean posting an image on this forum, like this:

BootModes.png (7.5 KiB) Viewed 4120 times

or do you want to include an image in an HTML file on your ESP (like in the example of quackmore above)?

Assumption is the mother of all f*ckups. At least: that's what I'm assuming.

- Tue Jun 14, 2022 12:22 pm #94771 Solution is use the Google Drive Direct link Generator to convert link from a shareable link to a direct link; then insert image using img tags.

Googlr Drive Direct Link Generator

William