# data[].attributes.body
I ended up moving to hastings my freshmen year and by why sophomore year I had more friends because I had joined the cheer team and I had made a trio with some of the girls on the team.

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...

# data[].attributes.body
After moving with my aunt I joined my hometowns cheer team for a few years

# data[].attributes.body
when I was little I moved in with my aunt in her apartment with my cousins

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...

# data[].attributes.body
after about two years living in the old house me moved to a new house and this time I had my own room that was the first time I had my own room before I was pretty excited .

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...

# data[].attributes.body
when I moved to Hastings I joined the cheer team my sophomore year and I would say the cheer team make my sophomore year the best year of high school

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...

# data[].attributes.body
I ended up moving to westside in the middle of second semester so of sophomore year and thankfully I didn't have to make new friends because some of my friends that went to west briar where in westside and the had their own littler group and I ended up just being in it.

# data[].attributes.attachment_link.readable_text
1. Why base64 encoding?

Base64 encoded images can be embedded using img tags or CSS, speeding up load times for smaller images by preventing additional HTTP requests. This can be done to build single-file mockups / demo pages for your clients, HTML email signatures that will not trigger the nasty "show images" warning in email clients, etc.

2. Supported image formats

This tool supports the most common image formats. These are .jpeg, .png, .gif, .webp, .svg and .bmp.

3. How to convert images

At the home page page you can convert your images by dragging them into your browser window, or click the upload button.

As soon as a file is uploaded, a green result row will indicate that it's successfully encoded. If there is a red row, something went wrong and you will see an error on the right.

You are allowed to upload up to 20 files at once.

4. Use base64 as image sources

You can use the base64 encoded string as a value of the src parameter, using a data:image/... construct.

You can obtain the example code by pressing the copy image button and it will be copied to your clipboard.

If your client does not support copy to clipboard without Flash and you do not have Flash installed you can click the show code button and copy the text manually from the first example that is shown in the dialog window.

Your HTML code should look like this:

See the base64 image demo at CodePen.

5. Use base64 as CSS background

You can use the base64 encoded string as a CSS background image, too. Simply feed the url() parameter with data:image/...

You can obtain the example code by pressing the copy css button and it will be copied to your clipboard.

If your client does not support copy to clipboard without Flash and you do not have Flash installed you can click the show code button and copy the text manually from the second example that is shown in the dialog window.

Your CSS code should look like this:

 .my-class { background: url('data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA...'); }

See the base64 CSS demo at CodePen.

# data[].attributes.attachment_link.description
Learn how to convert images to base64 strings and how to use them in HTML image elements and as CSS background images.

# data[].attributes.body
im now in my junior year of high school I joind the inertia dance team and we are currently learning new dances to preform at compotiton and I have inertia last period and its my second favorite class

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...

# data[].attributes.body
a few years after joining the cheer team i ended up moving with my mom and we had gotten our own apartment but we shared a room and I went to a new school.

# data[].attributes.body
my freshmen year was boring and nothing really happened except me getting into a big argument with one of my friends then

# data[].attributes.body
when I moved to hisd I went to West briar and that's where I meet all my friends we had a whole friend group and some of rode the same bus and we lived by each other but we never really hung out outside school.

# data[].attributes.attachment_link.description
I'm having trouble displaying a Base64 image inline. How can I do it?
Display Image
...