+ 1
How to coding any image please tell me
5 Answers
+ 8
Gopal technical view Please include relevant tags before posting any question.. also can you elaborate the question..
+ 1
There are basically 2 options for adding images to a "web" code in Sololearn's Code Playground. None are as ideal or elegant as you probably want but they work.
1. Use base 64 encoding for all of the images data and embed that encoding in either HTML or CSS. I use a tool at: https://www.base64-image.de/ to quickly upload and get encodings and then paste them into the 'background-image' value in CSS or to the SRC attribute of an img element in HTML.
I used this technique in a couple of my web codes including:
- https://code.sololearn.com/WiH4n0rrvD1B/ for a little thumbnail at the end of the animation
- https://code.sololearn.com/Wj4ErOsPXhhk/#css for the edited image of the pastor
2. You can reference your image from another host. If you found the image on another site, you could use an absolute URL to it. If it isn't already publicly accessible, you could upload images to many places to get a working URL including facebook, Google Drive, pinterest. Just make sure you can access it without being logged into any accounts.
If you want to add images to html outside of Sololearn, it is easier. img tag and the CSS background-image property do what you want.
0
What do you mean by coding image ? If you want to put an image on your website there are two ways
1- by html tag
<img src="<!--put the source of the image here-->" alt=""/>
2- by css styling properties
background-image: url("//put source of your image here ");
0
I want to draw html image
0
Gopal technical view, check the img tag here:
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_test
Is showing an image like that what you want?