Difference between revisions of "Help:Images"
m (How do I add a picture or logo? moved to Help:How do I add a picture or logo: This is not about a website, this is here to help editing.) |
TakKendrick (talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | + | Pictures and logos are a great way to spice up AboutUs pages. Here's a quick primer on working with pictures in Wiki. | |
| − | + | ==Uploading your picture or logo== | |
| + | |||
| + | To add a picture, you must first upload the picture in any standard file format to the site, using the "upload file" link in the "toolbox" area. | ||
| + | |||
| + | Keep in mind: | ||
* Only users who are '''logged in''' can upload pictures | * Only users who are '''logged in''' can upload pictures | ||
| Line 8: | Line 12: | ||
* '''Capitalization''' matters | * '''Capitalization''' matters | ||
* '''Name''' the picture as specifically as possible so it doesn't conflict with other pictures. | * '''Name''' the picture as specifically as possible so it doesn't conflict with other pictures. | ||
| − | + | <br> | |
| − | + | ==How to add a picture or logo to your page== | |
| + | Once you have uploaded it, you can add the picture to any article by using the command: <nowiki>[[Image:Example.jpg]]</nowiki>, where "Example" is the filename you used when uploading. You can also select the button in the edit area that corresponds to a picture (it's the sixth button from the left). | ||
| + | |||
| + | '''Specifying placement''' - You can also specify that an image go to the "right" or "left" of the text block, forcing the text to "wrap-around" it. To do this, you add a command to the image when you place it as follows: <nowiki>[[Image:Example.jpg|right]]</nowiki>. In this case, the picture will appear in the upper right hand side and text will wrap around it. | ||
| + | |||
| + | '''Putting your image in a frame''' - In addition to specifying placement, you can put a frame around your image, using the "frame command" as follows: <nowiki>[[Image:Example.jpg|frame]]</nowiki>. | ||
| + | |||
| + | '''Thumbnails''' - Puts your image in a frame, but it also shrinks it to a smaller, more manageable size. Viewers can then click the "enlarge" icon inside the frame and see the picture in its full size. Use the "thumbnail" command like this: <nowiki>[[Image:Example.jpg|thumb]]</nowiki>. | ||
| + | |||
| + | '''Captions''' - Captions can also be added to images that are either inside a frame, or a thumbnail. To do this, you just add the caption at the end of the image command: <nowiki>[[Image:Example.jpg|frame|This is a caption]]</nowiki>. | ||
| + | |||
| + | '''Changing picture size''' - You can specify the size of the photo that shows up on the screen, independent of the "thumb" command. Here's an example of how to limit the size of a picture in your article to 200 pixels: <nowiki>[[Image:Example.jpg|right|200px]]</nowiki>. To choose a different size, simply replace the 200px with a different number. | ||
| + | |||
| + | '''Creating your own combination''' - You can also combine the options. For example, you can take an image, make a thumbnail of it, set the thumbnail at 150px, left justify it, and add a caption: <nowiki>[[Image:Example.jpg|thumb|150px|left|This is a caption]]</nowiki>. The order of the commands doesn't matter, except that '''the picture/file name must come first and the caption last.''' | ||
[[category:AboutUs Help]] | [[category:AboutUs Help]] | ||
Revision as of 06:06, 8 September 2006
Pictures and logos are a great way to spice up AboutUs pages. Here's a quick primer on working with pictures in Wiki.
Uploading your picture or logo
To add a picture, you must first upload the picture in any standard file format to the site, using the "upload file" link in the "toolbox" area.
Keep in mind:
- Only users who are logged in can upload pictures
- Upload the picture before making or editing the article, that way you have the picture name in mind and can use it in your article.
- The site will replace spaces with underscores. This is no problem, but just make sure you use underscores when you reference the picture from the site.
- Capitalization matters
- Name the picture as specifically as possible so it doesn't conflict with other pictures.
How to add a picture or logo to your page
Once you have uploaded it, you can add the picture to any article by using the command: [[Image:Example.jpg]], where "Example" is the filename you used when uploading. You can also select the button in the edit area that corresponds to a picture (it's the sixth button from the left).
Specifying placement - You can also specify that an image go to the "right" or "left" of the text block, forcing the text to "wrap-around" it. To do this, you add a command to the image when you place it as follows: [[Image:Example.jpg|right]]. In this case, the picture will appear in the upper right hand side and text will wrap around it.
Putting your image in a frame - In addition to specifying placement, you can put a frame around your image, using the "frame command" as follows: [[Image:Example.jpg|frame]].
Thumbnails - Puts your image in a frame, but it also shrinks it to a smaller, more manageable size. Viewers can then click the "enlarge" icon inside the frame and see the picture in its full size. Use the "thumbnail" command like this: [[Image:Example.jpg|thumb]].
Captions - Captions can also be added to images that are either inside a frame, or a thumbnail. To do this, you just add the caption at the end of the image command: [[Image:Example.jpg|frame|This is a caption]].
Changing picture size - You can specify the size of the photo that shows up on the screen, independent of the "thumb" command. Here's an example of how to limit the size of a picture in your article to 200 pixels: [[Image:Example.jpg|right|200px]]. To choose a different size, simply replace the 200px with a different number.
Creating your own combination - You can also combine the options. For example, you can take an image, make a thumbnail of it, set the thumbnail at 150px, left justify it, and add a caption: [[Image:Example.jpg|thumb|150px|left|This is a caption]]. The order of the commands doesn't matter, except that the picture/file name must come first and the caption last.