RolePlay onLine RPoL Logo

, welcome to Technical Discussions

07:46, 29th March 2024 (GMT+0)

How do you embed images?

Posted by Castlecruncher
Castlecruncher
member, 13 posts
Thu 7 Mar 2019
at 22:24
  • msg #1

How do you embed images?

I want to include some reference images for my game, but can't for the life of me figure out how to embed them. What's the coding format to embed an image, and what are the general rules (both technical and just good-practice when posting images to a game)?

Thanks in advance!
DBCowboy
member, 28 posts
Played rpgs since about
'81 (D&D Basic ed)
Thu 7 Mar 2019
at 22:30
  • msg #2

How do you embed images?

Host the image somewhere else, plenty of free hosting sites.

Then in your post add an html image tag and set the src to the URL to your image on the host site.

For example:

<img src="https://postimg.cc/67gMrH3Q" />
This message was last edited by the user at 22:31, Thu 07 Mar 2019.
LonePaladin
member, 803 posts
Creator of HeroForge
Thu 7 Mar 2019
at 22:43
  • msg #3

How do you embed images?

Some extra tips:

Use the image-hosting site to set the size of the image, 'cause you can't resize it in the <img> tag. You don't want to accidentally hit your group with a 2000x1500 image.

If your image is small enough, you can add a 'align=left' or 'align=right' after the URL. It'll force the image to one side or the other -- and if you have text after the <img> tag, the text will sit next to the image.

For instance, if you use <img src=[URL] align=left>, you'll get something like this:

+-----+ Example text
| IMG | Example text
+-----+ Example text

horus
member, 660 posts
Wayfarer of the
Western Wastes
Fri 8 Mar 2019
at 07:18
  • msg #4

How do you embed images?

I have had less than satisfying results trying to use Google Drive to host images.  I've chosen another hosting service, but often wonder if I was missing a trick here.
JohnB
member, 2085 posts
Demigod of the Stunties
Fri 8 Mar 2019
at 07:45
  • msg #5

How do you embed images?

I rarely embed images in posts -  but I do make full use of the group maps facility for informational images  :)

Everything else I keep on an off-site Wiki and then post links to appropriate wiki pages.
Raddek
member, 9 posts
Fri 15 Mar 2019
at 04:02
  • msg #6

How do you embed images?

As I understand it the service has to allow direct linking in order to use it.  I tried to get Google drive to work as well, but I only managed to link it using <a href> tags.  The only free service I know of now that allows it is imgur.
Castlecruncher
member, 14 posts
Sun 17 Mar 2019
at 20:23
  • msg #7

How do you embed images?

Thanks for the help! I just started our game, and tried posting some images along with it using the format you presented, but came up with broken images.

Here's an example of how I wrote one of the images:

     <img src="https://www.pinterest.com/pin/432345632976589880/" />

As well, I tried:

     <img src="https://www.pinterest.com/pin/432345632976589880/">

Both came up broken.

Is it the image site that's the problem? Would it work better from another source?
drewalt
member, 93 posts
Sun 17 Mar 2019
at 20:30
  • msg #8

How do you embed images?

Oh, you have to link directly to the image.  Try right clicking on the image and you'll see a fly out menu and there should be a "Copy Image Location".  Paste that, that's what you need.

Here's a picture of Spider Gwen off pinterest as an example

<img src=https://i.pinimg.com/564x/54/b1/57/54b157f4b0d5ffb5ffcf08d71a83f171.jpg>

Also no quote marks.  Or at least I never use them.

I usually rehost images on imgur, personally.
Escribblings
member, 22 posts
Mon 18 Mar 2019
at 10:52
  • msg #9

Re: How do you embed images?

Castlecruncher:
Here's an example of how I wrote one of the images:

     <img src="https://www.pinterest.com/pin/432345632976589880/" />

Well those don't end in .jpg or .png

Not sure that Pinterest allows hotlinking either
Shannara
moderator, 3810 posts
Keep calm, drink more
COFFEE!!!!
Mon 18 Mar 2019
at 20:02

Re: How do you embed images?

You can link from pinterest, but you may need the image saved in your own album (not sure on that).

However, do not copy the URL in your address bar.  Right click on the image, copy image address and then use the img src code to embed that.  Your file name should look something like this:

https://i.pinimg.com/564x/65/42/78/abcde133434xdfkjdfdkjeriujo.jpg

Note that it has an image file extension -- .jpg, .png, .gif  or other image files.  If it has  an open '/' at the end, it's not an image file that you're trying to imbed.

The above does not lead to an actual picture.  I changed some things, but I tested the actual image file and it embedded fine in one of the games.
steelsmiter
member, 1977 posts
BESM, Fate, Indies, PBTA
NO FREEFORM! NO d20!
Mon 18 Mar 2019
at 20:19
  • msg #11

Re: How do you embed images?

I like to use Discord, host my own server, and make a channel that only I have access to. You'd think that would prevent others from seeing the images I post, but it goes through the regular discordapp site rather than the specific channel, so it's almost like bypassing the normal channel when you just link it through the discordapp link. It's weird how people on my server can't see the pics on my server, but server members who are in games I'm running can see the discordapp linked images in my games.
JohnB
member, 2086 posts
Demigod of the Stunties
Mon 18 Mar 2019
at 20:23
  • msg #12

Re: How do you embed images?

I have always used a wiki, there are plenty of free ones out there, which lets me add public commentary and notes to the image.
horus
member, 666 posts
Wayfarer of the
Western Wastes
Fri 29 Mar 2019
at 08:28
  • msg #13

Re: How do you embed images?

JohnB:
I have always used a wiki, there are plenty of free ones out there, which lets me add public commentary and notes to the image.

Doesn't RPoL have wiki that are associated with games?  Yes, yes it does:  look in the GM Menu under Game Information (at the bottom of that section).  Hmm... not sure how linking images from there would work?

(I should probably play with the wiki feature in my copious free time...)
JohnB
member, 2089 posts
Demigod of the Stunties
Fri 29 Mar 2019
at 08:43
  • msg #14

Re: How do you embed images?

You can't host images on the RPoL Wiki :)  Or at least you couldn't when I looked at it a couple of years ago :)
horus
member, 671 posts
Wayfarer of the
Western Wastes
Sun 31 Mar 2019
at 03:29
  • msg #15

Re: How do you embed images?

JohnB:
You can't host images on the RPoL Wiki :)  Or at least you couldn't when I looked at it a couple of years ago :)


Drat!  Well, I suppose that would open RPoL up to too much liability...
Sign In