Log in Help page Discussion History Go to the site toolbox

Help:Pictures

From BluWiki

Accessories-text-editor.png Incomplete page: please contribute. - BluWiki is unique in that original page authors normally decide who can edit their page. By putting this banner up, the author(s) of this page believe it is incomplete, and is asking for the assistance of others. Please help them by adding useful information to it. You might find more information about what is needed in discussion of this page.


Plain picture

Linking to a plain picture

A plain picture with no formatting can be inserted with the statement:
[[Image:PictureName.jpg]]
Notice, the name and size of the picture do not change. If you want to use the picture, you must remember its original name - or else you won't have any way to link to it! Also, you must be logged in to edit pictures.

Picture With Border

Sun in X-Ray.png

A plain picture with a border can be inserted with the statement:

[[Image:PictureName.jpg|thumb|(Size)px]]

With a real image that would be

[[Image:Sun in X-Ray.png|thumb|150px]]

This code results in the image you see to the left

Picture With Caption

NASA image of Sirius A and B

Pictures with captions can be inserted with this statement:

[[Image:PictureName.jpg|Alignment (center ,left or right)|thumb|imagesizepx|Caption]]

An example with an real image would be

[[Image:Sirius A and B Hubble photo.jpg|left|thumb|200px|NASA image of Sirius A and B]] 

The above example results in the image to the left

Galleries of images

The Gallery Tag is used to make Galleries.Its syntax is :

 
 <gallery>
 Image:(Image 1 Name)|(caption)
 Image:(Image 2 Name)|(caption)
 </gallery>

You can put as many images as you want into a gallery. An example of Galleries with real images:

 
 <gallery>
 Image:Weather-few-clouds.png|Cloud
 Image:Community-portal.png|Globe
 Image:Sun in X-Ray.png|Sun
 </gallery>

The above code results in

Useing External Images

To use an external image in the text of one of your articles you simpily type in the url to that image in a format like this :

http://example.com/foo.svg

Here is an example with a real image

http://img353.imageshack.us/img353/8661/archmedalsmmq3.jpg

It results in this:

http://img353.imageshack.us/img353/8661/archmedalsmmq3.jpg

Table of Image Formats

Format Name Lossless Uses compression Patent Free Maximum Number of Colors Works with Firefox Works With Internet Explorer Works With Opera Scalable
PNG YES YES YES 32,000 YES Works With Internet Explorer 6+ YES NO
BMP YES NO YES 32,000 YES YES YES NO
GIF YES YES NO 256 YES YES YES NO
JPG NO YES YES 32,000 YES YES YES NO
SVG YES YES YES 32,000 YES YES YES YES

Site Toolbox:

Personal tools
GNU Free Documentation License 1.2
This page was last modified on 11 May 2009, at 12:36.
Disclaimers - About BluWiki