Jump to content
Forum upgrade is live! Read more... ×
Sign in to follow this  
Kimmo

How to post thumbnails

Recommended Posts

Right, now that we can put up fifteen pics in a single post, loading an individual thread containing enough big pics could potentially suck down 50MB or more; not something to sneeze at even on broadband.

 

So if you're going to post a lot of big pics, it's a good idea to use thumbnails. Don't know how? Read on...

 

The first thing is to find or create a thumbnail of your image. The ones you get in Google's image search results look tempting, but unfortunately don't work. So if it's someone else's image from another site, and there isn't an accompanying thumbnail for you to use, the best way to go is to rehost it.

 

So now you've saved and uploaded the pic to Tinypic or Photobucket or whoever, and you have an address for the full-size pic and you're looking at a thumbnail. If you're using Internet Explorer it's a bit of a pain to get an image's address; you have to right-click the pic, go 'properties' and highlight and copy the URL - or, with Tinypic, you can just copy the main image's URL and append '_th' to the end of the filename before the extension; with Photobucket, 'th_' is stuck on the start of the filename. If you're using Firefox, just right-click your pic and hit 'copy image location'.

 

Also, if you want to link a really huge pic hosted on some other site that doesn't have a thumbnail and that Photobucket or Tinypic would resize smaller, you can just save a copy, upload it to Tinypic and just use the thumbnail.

 

You know how you can use [ url ] tags to replace a URL with a meaningful bit of text, like:

[ url=http://www.google.com.au/search?q=image+hosting ]Image hosts[ /url ]

Well, you can also replace a URL with an embedded image; you could even make buttons for your links if you like... Anyway, you just use the embedded thumbnail as your label for the URL of the full-sized pic, like so:

[ url=http://www.main_pic.jpg ][ img ]http://www.thumbnail.jpg[ /img ][ /url ] (Incidentally, pics won't embed without a www in the URL.)

 

So now in your post, hit the Insert Image button and paste in the thumbnail's URL. Go back to the page with your hosted image and copy its URL, then highlight the thumbnail URL including its [ img ] tags, hit the Insert Link button and paste in your pic's URL. Done. It's actually quite a bit easier than it sounds, at least in Firefox.

Simpler method: Copy the direct link and paste it into your post, add the _th or th_ (depending on whether it's TinyPic or Photobucket), then highlight it and hit the Insert Image button and enter, then hit the Insert Link button, paste the original link still in your clipboard and hit enter. No changing tabs required : )

If this still isn't making sense, try quoting this post and looking at the code for these examples (ignore the quote marks around URLs; they're added automatically when you post):

 

Posted Image

 

Posted Image

 

It can seem a little tricky at first, but really there's nothing to it.

 

If anyone has anything to add, or any other tips to share, post up and I'll add em to the OP.

 

 

Embedding Youtube clips: just copy the crap from a vid's url between the 'v=' and the '&feature=related' or whatever, if present.

Chuck it between youtube tags, like so: [ youtube ]GL4hyATkQ74[ /youtube ]

 

Actually, here's a step-by-step of how I've taken to posting YT clips:

 

Posted Image

 

Here's the forum's BB code.

Edited by Kimmo

Share this post


Link to post
Share on other sites

Here's another thing; if you haven't got an account with someone like Photobucket, get one. Or more, since they're free.

 

Not only does it make it a piece of piss to share pics, but it's also potentially offsite backup for all your pics. Which you can then access from any machine on the net.

 

Most have size restrictions though. Most will also have an option to password protect folders globally or individually, too. It's worth trying a few to compare features before settling on one.

 

Backups of backups of all your pics*, which are then made securely accessible from anywhere. Win.

 

 

 

 

* depending on size of image collection and connection speed, your upload time may vary : /

Share this post


Link to post
Share on other sites

Been quite handy. When I host a picture on my own site, I already make thumbnails.

Glad I can use them here too. Started taking advantage of it when I first read this thread some time ago. Still do and hoping others will take it on board.

Share this post


Link to post
Share on other sites

Plus, you can annotate them with the acronym tag (mouseover a thumbnail to see its annotation).

 

I'm gonna make a judgement call and break the crossposting rule to show you this example I prepared earlier. Hit the reply button if you want to see how the code works.

Steampunk Vacuum Tube Tesla Coil

electrogeek eye & mind candy

Gather around and witness the fruits of Tesla's lifelong work! Expeditiously, I shall be unveiling an unrealized dream of his, a masterful thermionic valve apparatus of superlative wonder and whimsy after many a sleepless night of scheming and laborious toil.

 

A mechanism of excessively high potential and very considerable frequency. A contraption to capture the wild possibilities of a dawning age of industrialism. A device to astound and mystify the youth. A machine to bewilder and confound the old! Fascination and fear; stupor and surprise!

 

More lively than an electrotherapy session and twice as delicious as a cool radium tonic, guaranteed!

 

The Tesla Thermionic Valve Wireless Energy Transmitting Apparatus

 

A steampunk-inspired vacuum tube based tesla coil utilizing an Armstrong oscillator circuit in class-C operation using a JAN810 transmitting triode with a 3B28 xenon rectifier.

 

No silicon here, but plenty of brass and glass, copper and cloth!

 

The various sets will break down the construction phases and eventually photos of the finished product, especially the tesla coil in action! I'm terrible at documenting since I usually get wrapped up while working on it so I'll do my best to take photos along the way.

 

This is the first of several planned "steampunk" style tesla coils.

Eg:

Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image

 

Posted Image Posted Image Posted Image http://farm4.static.flickr.com/3597/3586879135_0e9eb6c1e6_s.jpg http://farm3.static.flickr.com/2476/3586876637_6dbde64f02_s.jpg http://farm4.static.flickr.com/3649/3584037569_656fd6b86a_s.jpg http://farm4.static.flickr.com/3377/3516915748_ea6b3b5dcd_s.jpg

 

http://farm4.static.flickr.com/3643/3584846634_e64247c2cf_s.jpg ...and check out the sequence starting here: Lightning Trumps Rubber. Panel 1

 

Or look at all the galleries on Flickr to read the comments; some of em are really interesting.

 

That's beautiful work. I'd love to see it finished; looks like it hasn't had any attention since August.

(Posted almost in full because you can't have too much pure awesome)

 

Of course, any comments on the content of that post rather than its form should be directed to the original thread.

Edited by Kimmo

Share this post


Link to post
Share on other sites

Also, if you dislike the image resizing stuffing around with everything over 256 wide, it can be buggered off.

 

Using Adblock Plus or similar, add the filter ipb_topic.js FTW. The board handles really wide images quite well anyway; only the post containing the image is stretched.

 

Warning: it'll also kill the scrolling headlines at the top of the page.

 

...It's also killed my ability to ignore 1shot going at his bad writing rampage... haven't noticed whether anything else is broken, except for a little bit of a mess at the top of the page, but that's only in conjunction with Flashblock...

Edited by Kimmo

Share this post


Link to post
Share on other sites

i despise some bloody hosting sites, they can just be a mega pain in the arse. (sorry not very helpful)

 

All in all thank-you everybody for all the information provided in this thread.

Share this post


Link to post
Share on other sites

This is off-topic, otherwise I'd edit it into the OP, but I'm sticking this up since some of the information within may be helpful in relation to dealing with some of your fellow forum users...

 

Share this post


Link to post
Share on other sites
Guest xyzzy frobozz

I must be thick, because I must have attempted this on ten different occasions to get an avatar, and every time, the same result.

Share this post


Link to post
Share on other sites

I must be thick, because I must have attempted this on ten different occasions to get an avatar, and every time, the same result.

Yeah, it just doesn't work. You need to upload the image to a site like photo bucket. Then link from there.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×