Help - Search - Members - Calendar
Full Version: How To Post A Picture.
Sal's RuneScape Forum > Everything RuneScape > The Screenshot Place > Screenshot Help
Pages: 1, 2, 3, 4
Xaria
Introduction

Knowing how to take and post a picture is a useful skill. Whether it's for showing off your latest RuneScape acheivement or providing images to better explain something important, it's something that we all should know. This guide will go over everything you need to know about taking and uploading images on various types of computer systems and imagehosting websites. It may look complicated at first, but after a few tries you will be able to take and upload pictures in less than a minute.
Taking And Cropping Images

On Windows XP
Spoiler: Click to Toggle the Spoiler.

The first step is to take the actual screenshot. To do this, make sure the image you want is on your screen, and then press the "Print Screen" key. This key is usually located on the top-right section of your keyboard and may be shortened to "Prnt Scrn" or something similar. If you are using a laptop, you may have to press the "Fn" key also.

There will now be an image saved in your computer's clipboard. If you press Print Screen again or copy a piece of text or image, it will save that information over your screenshot and you will not be able to use it.

The next step is to open up a new Paint document. Once open, paste your image in (either by right-clicking and selecting "Paste", or by going to Edit > Paste, or pressing CTRL+V).



You should now see your entire screen you copied pasted into the document. Crop off the parts you don't need.
First move the area you want to keep into the top left hand corner. Use the box select tool to do this.

Then drag the little blue boxes inwards to crop:


Save your image now. The best file type to save it as is .png because it will keep your image high-quality and reduce file size.



Congratulations, you've now taken and cropped your image successfully! The next step is uploading the image.

[Close]

On Windows Vista
Spoiler: Click to Toggle the Spoiler.

The first step is to take the actual screenshot. To do this, make sure the image you want is on your screen, and then press the "Print Screen" key. This key is usually located on the top-right section of your keyboard and may be shortened to "Prnt Scrn" or something similar. If you are using a laptop, you may have to press the "Fn" key also.

There will now be an image saved in your computer's clipboard. If you press Print Screen again or copy a piece of text or image, it will save that information over your screenshot and you will not be able to use it.

The next step is to open up a new Paint document. Once open, paste your image in (either by right-clicking and selecting "Paste", or by going to Edit > Paste, or pressing CTRL+V).



You should now see your entire screen you copied pasted into the document. The next step is to crop it, which is very easy in Vista Paint.


Click on the box "Select" tool shown above. Use it to make a rectangle around the area you want to keep:


Then go to Image > Crop. Your picture should now look something like this:


Now save the image (.png is advised).

Congratulations, you've now taken and cropped your image successfully! The next step is uploading the image.


[Close]

On a Mac
Spoiler: Click to Toggle the Spoiler.

Information provided by Lee M16 and Knight Haleth.

If you want to take a full screen picture, hold down Command + Shift + 3 and the image will be saved where you want it.

If you want a pre-cropped picture, press Command + Shift + 4 and then a crosshairs will appear. Make a box around your target by starting in one corner and dragging the box around it. As soon as you let go of the mouse, the area inside the box will be saved to where you want it to.

To screenshot a single window, hold down Command + Shift + 4, and then press backspace.

Once you've taken your picture, save it and move onto the next step; uploading!


[Close]

On Linux
Spoiler: Click to Toggle the Spoiler.

Written by finisterra.

The first step is to take the actual screenshot. To do this, make sure the image you want is on your screen, and then press the "Print Screen" key. This key is usually located on the top-right section of your keyboard and may be shortened to "Prnt Scrn" or something similar. If you are using a laptop, you may have to press the "Fn" key also.

A screen like this should appear:
Spoiler: Click to Toggle the Spoiler.


[Close]


You can specify the folder where you want the image to be saved, its name, the extension (change what's after the period in the name) although it's better to use .png, you can also copy the screenshot to the clipboard instead of saving it.

When you have decided this, press the save button.

The picture should be in the folder you specified or in your clipboard. Anyhow, open Gimp and either open your picture or paste it. Your screen should look like this:
Spoiler: Click to Toggle the Spoiler.


[Close]


Now select the part of the screenshot that you want to keep, do this by using the rectangle selection tool (top-left in the toolbox). After you've done this, go to the 'Layer' menu and choose the 'Adjust to selection' option from the drop down menu.

Now just save your image again and you're done!

[Close]
Uploading

There are a variety of imagehosting websites out there which all have their benefits and drawbacks. This guide contains explanations for three very popular imagehosting websites; ImageShack, TinyPic, and Photobucket.

Using ImageShack (recommended)
Spoiler: Click to Toggle the Spoiler.

Sal's Realm has an ImageShack uploader built into our post system. Below the area where you write the post in Full Reply is the upload section:



Click on the button labelled "Browse" to find your document. Once you've found it, click on it and then click "Open". You should now see a filepath in the box there. You should now click "host it!".

In a moment or two, a new screen will appear with various codes for you to choose from. If you would like to have the full image shown, then copy either the "Hotlink to Forums (1)" code or the "Direct link to Image Code" (Click "Show Advanced Linking). If you use the second way, you will need to add [img] tags.

To add image tags, simply write [img] at the beginning of the code and [/img] at the end of it like so:
CODE
[img]Direct Link to image[/img]


Paste that code into your post. When you hit "Add Reply" the code will turn into an image.

[Close]

Using TinyPic
Spoiler: Click to Toggle the Spoiler.
TinyPic is a great website which is very easy to use. To get there, go to http://tinypic.com/

Click on "Browse" to find your image. Once you've found on it, click on it and select "Open". You should now see a filepath in the bar there:


Press "Upload Now!" and wait while your image gets uploaded.

You should now see a screen like this:


To show the full image in your post, click on the "IMG Code for Forums & Message Boards" code. Paste it into your post. When you hit "Add Reply" the code will turn into an image.


[Close]

Using Photobucket
Spoiler: Click to Toggle the Spoiler.
This website requires you to make an account there. Go to http://photobucket.com/ and register an account. Once you've done that, log in to upload images.

Click the "Choose Files" button to browse your files and find the document you want to upload. Click on the file and then select "Open". Photobucket will automatically upload the image now. You will be given the option to add tags to the image, but this is not necessary. Click "Save and Continue" to move on.


To paste the full image into your post, copy the "IMG Code" code and paste it into your post. When you submit the post, that code will turn into an image.



[Close]
FAQs

Question: I'm using ImageShack and I clicked on the host it button but it's still not uploading my image!
Answer: There could be a couple of different explanations for why it's not working. First, make sure you went to the "Browse" and that the file path was in the text box. It could also be a result of imageshack being down, sometimes the site stops working, you would know this is happening because you are directed to a "Cannot Load This Page" message, or because it stays loading for an extremely long amount of time. In that case, use one of the other imagehosting websites listed in this post.
Another possibility is that the filesize of your image is too large. Imageshack will not upload images over 1.5 megabytes. In this situation, you should save the document as a .png (if you haven't already), and try to crop it a bit more.

Question: How do I save my image as a .png?
Answer: When you go to "Save As" and type in the filename, there should be a scrollbar underneath that where you can select the PNG filetype. Older operating systems will not let you save as a PNG, so your only other options would be to keep it as a .bmp and crop it a lot so that you can upload it, or save it as a .jpeg or .gif which will reduce quality in paint.

Question: I'm using ImageShack and I pasted the code into the post, but I'm getting a "Dynamic pictures in [img] tags are not allowed" error message. Why is this happening and how do I fix it?
Answer: This happens when there is an "=" sign in the code, which means you selected the wrong code. Remember that you should select the "Hotlink to Forums (1)" code or the "Direct Link to Image" code (which you will need to add [img] tags to).

Question: I'm using TinyPic or Photobucket and I've noticed that the quality of my image decreases after I upload it. How do I fix this?
Answer: Those sites will save your image as a different file type if you upload it as a .bmp file type. To fix this, save your image as a .png and upload the image again.

Question: I don't like any of the ImageHosting sites you listed. Are there any other ones that I can use?
Answer: Try PicOodle!, The Image Hosting, or Putfile.

Question: I'm using an older version of Windows than the ones you have listed. What do I do?
Read the Windows XP one, it should be more or less the same.

Please Note: We have a feature in the forum called the "Moderation Que". When a member with less than fifteen posts makes a post which contains an image, link or email, then the post will be set as invisible and moved to the ModQ until a moderator checks it over to see if it's appropriate. So if you have less than fifteen posts and your picture isn't showing up, just be patient, a moderator will check your post over soon.
Tricks and Helpful Sites

Now that you're an expert at taking an uploading images, why not take a look at these sites, programs and tricks which should make things a bit easier for you?

Ifranview. This program may make cropping a bit easier for you. Click here to see a guide on it.

Gadwin PrintScreen. Tired of having to stop and paste the picture into a program before taking the next? With this program you can take as many pictures as your computer memory will let you, and you won't have to worry about losing them.

ImageShack QuickShot. Want to take and upload images even quicker? This program will let you take and upload a picture to ImageShack with the press of a key!

Iaza.com. An extremely helpful site with over fifty different options for image editing. Whether you want to make a background transparent or add an artistic touch, iaza.com has it and more.

For a quick way to resize an image in Paint, use this method:
Open a picture and press Ctrl + W. Type 50 into the first two boxes and click Ok. You can use Ctrl + E to check the dimensions of the image. Scaling images in mspaint is guess work so if it's still too big, do the first step again. If it's too small you can press Ctrl + Z to undo and try a different number.
Conclusion

You should now know how to take, crop, and upload images. If you'd like to try out a test, feel free to make a post in this topic with your image. If you are experiencing any problems or have any questions, please post in here or make a topic in this section to ask for help.
If you would like to submit something to this guide, please make a post in this topic and I will be happy to consider your addition.
ur mom goes to college


sorry i had to use your pic smile.gif my parents blocked runescape until i raisedmy grades but i did ya smile.gif my lowest grade was a C



CODE
[img] sleep.gif i only need the first link.....
LightSlei
Using IfranView
Written by Cxkslei.

After taking your screenshot, open up IfranView.

Now click Ctrl + V, this should paste the image you just took.

Example:

*Before you accuse me of hacking RS or whatever to have it show a free world when I am in Shilo Village, if you use the World Select feature, it won't switch the world number down there, I am in a members world.

Now that you have it as an image, figure the area you want to crop from the picture, click down on one of the corners of the image you would want, and drag it to make a gray lined (not thick, very skinny, if you see a new box your doing this right) box over the area. Then let go of the mouse. Press Ctrl+C. Now open up a new Ifranview, and hit the Ctrl + V keys simultaneously, this will make your cropped picture show up. After this click the save icon and upload the image, following directions in the first post.

Example:

Xaria
Thanks Cxkslei, I've added that information in.

manace74_cant_pk, what do you mean by "i only need the first link"?
ur mom goes to college
becuase the second one isnt working for some reason. I'll try agian later


its still not working. But in my opinion the first link is better
Xaria
I think I understand what you mean, you're testing the two different codes for posting a picture? When doing the one where you copy the "Direct Link To Image" option, you have to remember that the second "[img]" tag has a slash "/" in it. So for the image you tried, the code would be:
CODE
[img]http://img474.imageshack.us/img474/4285/xxpkxxtl9.png[/img]

Which turns out to be:
But just use whatever one you find easier smile.gif.
Pinkytm
Ty it really helped.
acac1225
i don't know if this is in the rite place but i dont have the blue boxes on my paint , what do i do???????? mellow.gif
Xaria
Okay acac1225, click on any other tool on the toolbar except for the top two. Then scroll to the very sides of the page and look close, they can be pretty hard to find.
Try that, did it work? unsure.gif
3volution
You copy paste this one then add [img] tags tongue.gif

CODE
[img]http://img391.imageshack.us/img391/9226/dltiep7.png[/img]


This will stop alot of the spam hopefully
Haleth
Excellent guide, nice for those new peeps on Sal's. biggrin.gif

~Knight Haleth
Biscuit
How do i put a link to a picture and the link says lvl 2 fletching?
Xaria
QUOTE(Alex0252 @ Feb 28 2007, 02:10 PM) *
How do i put a link to a picture and the link says lvl 2 fletching?

The code would look like this:
CODE
[url="link to image"]text which you can see, such as "level 2 fletching"[/url]

So if I use the picture Evolution posted as an example, my code would be like this:
CODE
[url="http://img391.imageshack.us/img391/9226/dltiep7.png"]Click This![/url]

Which would turn out like this: Click This!

When you make a post, there is this little green symbol under the fonts options, when you put your mouse over it, it should say "Insert Link". Click on it, paste the image link, click okay, write in the text you want, click okay, and that will give you the code which I showed above.

@Evolution: Good idea, thank you. happy.gif
Simple013
In all honesty I prefer to use Screenprint. Basically it is a program that does all of the above just in one go. Basically you have it running in the background. When you want to take a shot, press ctre/prt-scr and your screen freezes (though the action in the background will keep going. Select the area you want to save and then save to where you set your default folder. That is it. Cropping on the fly saved me time and again while taking shots when in a fight or quest...



--Simple--
sleak slicker
srry i have quikshot from image shack i took the screenie and it said it saved but i dont know how to view it again how do i do this?
thanks! slanty.gif
Opalkoboi
TYVM.
I have just posted my first fake thanks to this guide. holiday.gif
pk freak12
how do i post directly from swiftswitch
Xaria
QUOTE(moonman @ Mar 5 2007, 11:07 AM) *
srry i have quikshot from image shack i took the screenie and it said it saved but i dont know how to view it again how do i do this?
thanks! slanty.gif

Okay, I don't have Quickshot, but I looked at ImageShack's site and they say that "Your screenshots are saved in C:\Program Files\ImageShack\ImageShack QuickShot\Screenshots by default." So I think if you found that folder, or if you specified a different place for them to be saved, go there and open them to view them.
They also say this in their FAQ:
QUOTE
How do I upload screenshots into my account?

Click on the blue "Registration-Code" link. If you are not logged in, make sure to do so. Copy and paste your Registration code from the resultant webpage into the Registration-Code field inside ImageShack QuickShot, then press "Set ID." After a short while, your account should validate.

Here's their FAQ.


QUOTE(pk freak12 @ Mar 6 2007, 05:59 PM) *
how do i post directly from swiftswitch

Here's a quote from this topic:
QUOTE(Jamster)
Very simple:
Find the place where your swiftswitch photos are stored (normally in the SS directory)
Then follow Xaria's guide: http://runescape.salmoneus.net/forums/inde...howtopic=112549 from the bit marked: Loading an image onto imageshack.


@ Simple013: That program sounds interesting, I'm going to try it. happy.gif
Gb236
Like this?

Btw sorry if it doesn't show up Ive read the rules it says that new members posts are turned invisible if they post this... if it does show up hooray
Xaria
@ RuneScape rocks: Perfect, looks good. happy.gif

QUOTE(RuneScape rocks)
Btw sorry if it doesn't show up Ive read the rules it says that new members posts are turned invisible if they post this... if it does show up hooray

That only happens until the member reaches five posts, afterwards pictures and links will be posted normally.
Wooden Gravy
Thank you very much for teaching me how to upload picture. This guide was simple and bery helpful.
darkcylcle
do you have to download ifranview? and wut is it ?
snowball
Definition
Another guide from our very best. Good Job!
Masta Miner
I Don't have any program like paint or photoshop or any other that I know of. so how do I take a screenshot now?
Xaria
QUOTE(darkcylcle @ Mar 24 2007, 05:11 PM) *
do you have to download ifranview? and wut is it ?

Ifranview is a program which you can use do to things such as cropping images tongue.gif. If you want to use it, you do have to download it, but you can just use Paint or a similar program if you don't want to.

QUOTE(snowball @ Mar 28 2007, 07:44 PM) *

Looks pretty good happy.gif. You just need to crop out those extra parts. If you're using paint, press CTRL+A and then move your image further into the top left hand corner to get rid of those unnecessary parts.

QUOTE(Masta Miner @ Mar 29 2007, 07:13 PM) *
I Don't have any program like paint or photoshop or any other that I know of. so how do I take a screenshot now?

That's odd, what type of operating system are you using? You could download Ifranveiw, or GIMP, or use Photoshop if you have that already.

EDIT: And thank you to the people who commented on the guide. happy.gif
Atrophy
Whenever I try to upload the underbanner I just made,(I saved as .png) it comes uplike this:



What's wrong?

That's when I use TinyPic.

When I use ImageShack, This is what I get:



Why?
Xaria
iPixel, I'm not exactly sure why it uploaded like that, but I fiddled around with the code a bit and got to show correctly:

CODE
[img]http://img137.imageshack.us/img137/5089/huntercu5.png[/img]

I think maybe you accidentally clicked on something that made it smaller when you were trying to upload it. What option did you choose when you uploaded these? On tinypic you should be copying the "IMG Code:" code and on Imageshack, try copying the direct link to image option and adding "[img]" tags to each end.

If that doesn't work, here's what I did to your code to fix it:
I found the direct link in there and removed everything else except for the img tags, so it would look like this:
CODE
[img]http://img137.imageshack.us/img137/5089/huntercu5.th.png[/img]

Then I removed the ".th" and it worked. happy.gif
soxking
Im a bit confused. Where do you copy the code to? I tryed copying it into that little bar with browse next to it but that didnt work.
Xaria
QUOTE(soxking @ Apr 21 2007, 02:29 PM) *
Im a bit confused. Where do you copy the code to? I tryed copying it into that little bar with browse next to it but that didnt work.



The code imageshack gives you? You just paste it into your post, like this:


Then it turns into your image when you post the reply.
bro2u
thnx mods all rule. and thanks for answering my post! (all mod haters deserve to get banned and suffer!)
moneyman1580
it doesnt work for me the button that says printscreen also has the word home on it probobly cause i have a laptop so wene i press it i open paint i press paste but nothing shows up
a dog159
i have the prtsc key but its not working!!!! what should i do????
Xaria
QUOTE(a dog159 @ May 13 2007, 09:11 PM) *
i have the prtsc key but its not working!!!! what should i do????

Are you on Windows? If you're on a different operating system or a laptop, there might be another print screen method.

If you are on Windows:
The mouse should disappear for a second when you press down the print screen button, that's how you can tell if it took the picture or not. Then open up paint and paste it in.

Try that, and tell me what's happening if it doesn't work. unsure.gif
mr blaster
can i try to post my stats in here (i dont know if i got the code right)

i try



it worked
BandGeek
Okay i am comused when I take a pic using Immageshack, It take a pic of the active window which includes the paint program. all i want is the thing i made on it and nothing else?!!!
Xaria
QUOTE(BandGeek @ May 23 2007, 05:45 PM) *
Okay i am comused when I take a pic using Immageshack, It take a pic of the active window which includes the paint program. all i want is the thing i made on it and nothing else?!!!

When you take a picture using imageshack? Are you saying you're using QuickShot? Because if you are, it should work fine if you use the active window key combination, then it should be alright. Just double check that you're clicking the right keys.

If you're taking the picture using the printscreen button, then all you need to do is crop it...

Could you post an example image so I can see what's happening? It's not clear by your explanation.
Keldo
" target="_blank" title="External Link: 'http://'">some random pic i took
hope this works!
I dont know what im doing wrong because i used the "direct link to image option" and i added the to end of the link.
Xaria
keldo, all you need to do is copy the "Direct Link to Image" option and add the [img] tags, nothing else. You have some unnecessary things in that code, which is why the picture isn't turning out. Here's your picture normally:

See, the code is:
CODE
[img]http://img511.imageshack.us/img511/9203/runescapeforums1ss1.png[/img]

If you were trying to get some text to link to an image, then the code should be like this:
CODE
[url="http://img511.imageshack.us/img511/9203/runescapeforums1ss1.png"]Some random pic I took[/url]

Which turns out to:
Some random pic I took
Does that help? smile.gif
Keldo
thank you very much xaria smile.gif
I'll try another one
Frontline
Thanks to ImageShack for Free Image Hosting
Xaria
Good job keldo, you got it to work. happy.gif
Just remember to crop your images before uploading them. If you crop off the unnecessary parts, I'm pretty sure that ImageShack won't resize it like it's doing now, and your picture will turn out the correct size.
post-o-holic
i dont know wy but i cant seem to post one, i can get it i just can't the webpage
Xaria
@post-o-holic: So are you saying ImageShack is not loading right for you? Try tinypic, it's a very good imagehosting website.
post-o-holic
QUOTE(Xaria @ Jun 2 2007, 03:54 PM) *
@post-o-holic: So are you saying ImageShack is not loading right for you? Try tinypic, it's a very good imagehosting website.



ty, it has helped. but it still sais the wrong format sad.gif
Xaria
Okay, what's the filetype of image you want to upload unsure.gif? Tinypic can only upload jpg, gif, png, bmp, or tif. To change the filetype, go to Save As, and under the area where you type in the file name is where you can choose the filetype.
post-o-holic


woooooooooooot! { btw that isnt a fake!}
Xaria
Great, you uploaded it. smile.gif But were you trying to get it that large? Also, you should save things as a .png filetype, it reduces the filesize while keeping the picture a good quality.
Xaria
^ It's not necessary to do the code like that:
CODE
[url=http://img129.imageshack.us/img129/5913/roflraresrl9.png]http://img129.imageshack.us/img129/5913/roflraresrl9.png[/url]

Just paste the address for the link:
http://img129.imageshack.us/img129/5913/roflraresrl9.png

Then add [img] tags to see the picture:

You should try cropping that a bit more, the white area is unnecessary and it's probably causing ImageShack to resize your picture.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.