mini tutorial: adding & resizing images on your profile

Adding images to your profile, blog, and bulletins is extremely simple once you have the html codes to do so. Auto-embedding codes from various library websites (like giphy, etc) can be a total pain in the ass, using iframes and whatever else to force traffic to themselves and turn basic gifs and pictures into annoying interactive widgets instead of just showing you what you're trying to see.

Here is the basic html code to add any image or gif to your profile - this is the same code for bulletins as well as blog posts, but spacehey doesn’t support adding images to comments at the time of this posting.

<img src=URL>

To get the URL of an image, you need to find the image that you want to embed onto your own page, and right-click, then click ‘Copy Image Address’ (shown below)

Paste the URL from your clipboard into the above HTML code where it says ‘URL. Your URL should end with an image file type, such as .jpeg, .png, or .gif, in order to work properly.

You can add some details to the image embed code to adjust the end result to better suit your needs. The below code lets you change the dimensions of the image, by replacing the ‘0’s with a number in pixels. You can adjust both the height and width of an image if you so choose, but if you only really want to adjust, say, the width of the image without it becoming skewed or stretched, you can simply remove the ‘height=0’ from the code altogether. When you adjust the width, the height will automatically adjust to maintain the original ratio of the image.

<img src=URL height=0 width=0>

For example, if you want to insert a gif on your page, and the URL links to a gif that is 200 pixels wide, and 100 pixels tall, but you only want the gif to be 100 pixels wide, you could use the following code to make the gif 100 pixels wide, and 50 pixels tall - as the height will automatically adjust when you don’t change it manually.

<img src=URL width=100>

Additionally, you can make your images into links, by using the code below. Just change ‘LINK’ to the url that you want the image to lead to. Make sure your url starts with ‘http://’!

<a href=LINK><img src=URL height=0 width=0></a>

Please leave a comment or kudos if you found this helpful! Leave a comment if you have any questions!