Images 101 in Tips and Tricks

  • Oct. 19, 2013, 12:24 p.m.
  • |
  • Public

One of the most common questions I see is "How do I put pictures in my entries?" Currently, there's no super-easy way to do this. It requires a little bit of knowledge about how images are stored and retrieved on web pages.

I don't host any images on Prosebox, other than the user avatars. This means you need to have your own hosting service for photos, like Photobucket or Flickr, and know how to find the URL to your image. That's the most important thing. If you don't have the correct URL to your picture, nothing else is going to work.

In my very first entry in Tips and Tricks, I showed a quick sample of posting a picture of a monkey. The URL of the monkey photo is:

http://images.nationalgeographic.com/wpf/media-live/photos/000/007/cache/spider-monkey719600x450.jpg

It's just a web address that ends with a file name of a picture (generally .jpg, .png, or .gif). If it doesn't end with something like this, you probably don't have the right URL. Notice that I'm not actually hosting this on my own space; I'm linking directly to National Geographic. I'm hoping they will continue to be nice with their pictures and not block me from linking to it. There's no guarantee, though, so it's always a good idea to host pictures yourself, or they could vanish in the future.

You can test an image URL out by putting the URL in your browser's address bar. If you see only your picture on a white background, you're good to go. If you see something else, like your picture inside of Photobucket or Flickr, with buttons and toolbars and other junk, you DON'T have the right URL. There should be a way to get that URL from the hosting service; in fact, there's usually an option to grab the HTML you need, and just paste it right in your entry with no additional fuss.

The HTML you need (you can also do it in Markdown instead of HTML, see that first entry again with the monkey to see how) to actually display your picture in an entry is:

<img src="url" />

Where you replace url with your picture URL. (like the National Geographic URL listed above). And that's it! You should see your photo in your entry.


Deleted user October 19, 2013

I think it's easier to snag the html code than to copy/paste a code, click on another box, paste it there, then click okay and not see how the image looks until I hit "save entry" (that's how it was on another site I posted at). This is waaaaaaay easier and no resizing or having to fiddle with anything and there's a preview button! Win-Win-Win!

Dirty Numb Angelboy November 04, 2013

Wow....I haven't used HTML codes since, I don't know when. Back in the hay day of Open Diary. Thanks for the refresh.

Lepetit pumpkinesque November 07, 2013

Hi darling did I miss where you explain how to post videos? LAME. I know. But I can't figure it out? (Which isn't saying much because there is little I can do aside from post photos).

simple mind Lepetit pumpkinesque ⋅ November 07, 2013

Super easy, just paste in the Youtube link, e.g. //youtube.com?v=wwwf4frw4fww (I just made that up) and Prosebox does the rest for you. :)

Nash simple mind ⋅ November 18, 2013

What about video's uploaded to photobucket? I have tried using the code they have available and it does not work here. I have noticed others using "iframe" I think it is? Is there a template I could use to accompany code I have from photobucket?

Icklewriter January 27, 2014

I've tried this, and my photos don't show up. I just get a little box. My pics are on flickr and I got the right URL from the 'share' function on there. I tried it with the full URL, the shortened one, and the html embed code, and none of them worked.

Linda Icklewriter ⋅ January 27, 2014

I have the same problem. Very frustrating.

WizeArtWorx Icklewriter ⋅ June 03, 2016

I have the same problem, I can NEVER get my pictures to display and it's beyond frustrating. Is there really no easier way to do this? Also, what site is easier to use and has a higher success rate? Currently I use photobucket, but literally have never once in my time at Prosebox been able to get a picture to post. Any help would be greatly appreciated!

Icklewriter WizeArtWorx ⋅ February 16, 2017

I still can't do it. I bloody give up. It drives me nuts.

Deleted user January 30, 2014

Is there a way to post a photo from my pics on Facebook?

HarleyBabe Deleted user ⋅ March 11, 2014

Download your facebook photos and then upload to photobucket. You could try to hotlink them, but I don't know if facebook allows hotlinking.

HarleyBabe Deleted user ⋅ March 11, 2014

Download your facebook photos and then upload to photobucket. You could try to hotlink them, but I don't know if facebook allows hotlinking.

MageB March 14, 2014

I need to read on and find out how to make images big or small here. Currently they come iin one size....giant even if I use coding.

Deleted user February 05, 2016

Thanks for the tip on inserting pictures. Have a nice day! :-)

TechnoKitten April 27, 2016

I have a question for Mr. PM. A few yrs ago when i joined i added pix the way you describe in your post. Then i wasn't here for awhile. When i recently came back and wanted to add pix in a post i saw the add-on the side menu. I did the copy and paste method ... Held pic on my tablet, picked view photo, another page pops up with the .jpg link and i copy and paste it where it says. Someone recently said photobucket wasn't working for them and i just said what i did. Someone commented i shouldn't do that for a few reasons and told me I should use [img] and [/img] to make sure everyone can see pix I post. I just assumed with the addition on the create menu the copy and paste was the way to go now. My question is which method is the way to go?

simple mind TechnoKitten ⋅ April 27, 2016

The important thing is your photo shows up, beyond that it's just personal preference. The side menu (which I've had complaints doesn't always work as expected depending on what you're trying to do) is more of a helper for Markdown, but I know it well enough that I just type as I go. But using HTML img tags work too (just a bit more verbose than Markdown - but probably more convenient if Photobucket or whatever you're using provides the HTML).

TechnoKitten simple mind ⋅ April 27, 2016

Awesome thanx! Yeah i see they show up. I even used another device and didnt log in just to see if it would show up for anyone. Thanx again ☺

You must be logged in to comment. Please sign in or join Prosebox to leave a comment.