# data[].attributes.body
My height makes me me because I get asked a lot on how am I so tall and all I can say is I'm just built different. Some times it annoying but usually I just dont care.

# 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
Having a Mom that is an personal trainer has definitely help my physical environment in a good way since then she always makes sure that my brother and I are always working out or doing an outdoor activity.

# data[].attributes.body
Something that negatively impacts my physical heath is probably fast food or just like the presence of it because every time I eat it I don't feel great but it tastes good so I still eat it.

# data[].attributes.body
Someone who impacts my social environment in a good way is Averie because she is a really good influence on me and shes just super preppy slay sigma alpha!

# data[].attributes.body
My cultural envirnment impacts my health in a positive way because of the homemade Italian foods that are very healthy and very delicious.

# data[].attributes.body
I think that technology impacts my health in a good way by keeping me on track or things and on time for things.

# data[].attributes.body
Technology effects my health in a negative way by distracting me from doing more important things with social media and stuff like that.

# data[].attributes.body
A life style factor I need to work on is definitely hydration. Since I usually don't drink that much during the day.

# data[].attributes.body
A positive lifestyle factor is sleep. Sometimes I don't get enough but like 67% of the time I get a good nights sleep.

# data[].attributes.body
Proper nutrition is a positive lifestyle factor that my aunt has because whenever I see her eating its always something healthy and good.