Help:Media: Difference between revisions

Help page
m (+ categories)
mNo edit summary
Line 3: Line 3:
# First thing you do is to edit the page where you want to use a picture. Do the uploading later.
# First thing you do is to edit the page where you want to use a picture. Do the uploading later.
# The table below gives you an overview on the layout options you have when including images.
# The table below gives you an overview on the layout options you have when including images.
# Once you edited and saved your page you have a greyed out image link like this one [[File:Not yet existant image.png]]. If you click on it it will direct you to the upload page. Where you can Upload the yet missing File. Make sure you upload a reasonable file size and resolution so it can also be used for printing at a later point.  
# Once you edited and saved your page you have a greyed out image link like this one [[File:Not yet existant image.png]]. If you click on it it will direct you to the upload page. Where you can Upload the yet missing File. The filename of the uploaded image will be renamed to the one you have written in the article, it is not necessary that they match. (Example: you write in the wiki <nowiki>[[File:Michael Mustermann Projekt XY.png]]</nowiki> and later you can upload a file called DSC894732.png. Your File will be renamed automatically, just the filetype needs to match) Make sure you upload a reasonable file size and resolution so it can also be used for printing at a later point.  


{| align="center" {{Prettytable}}
{| align="center" {{Prettytable}}
Line 10: Line 10:
|-
|-
|Simple Image in 100%. (The dpi of the image will be ignored, every pixel information will be displayed)
|Simple Image in 100%. (The dpi of the image will be ignored, every pixel information will be displayed)
|<nowiki>[[File:Pelly.jpg]]</nowiki>
|<nowiki>[[File:Pelly.jpg]]</nowiki>  
|[[File:Pelly.jpg|400px]] <!-- OK, I'm cheating here -->
|[[File:Pelly.jpg|400px]] <!-- OK, I'm cheating here -->
|-
|-
|Scale the image to exactly 250 pixels in width
|Scale the image to exactly 250 pixels in width
|<nowiki>[[File:Pelly.jpg|250px]]</nowiki>
|<nowiki>[[File:Pelly.jpg|250px]]</nowiki>  
|[[File:Pelly.jpg|250px]]
|[[File:Pelly.jpg|250px]]
|-
|-
|Scale the image to thumbnail size
|Scale the image to thumbnail size
|<nowiki>[[File:Pelly.jpg|thumb]]</nowiki>
|<nowiki>[[File:Pelly.jpg|thumb]]</nowiki>  
|[[File:Pelly.jpg|thumb]]
|[[File:Pelly.jpg|thumb]]
|-
|-
|Thumbnail size and caption below the image
|Thumbnail size and caption below the image
|<nowiki>[[File:Pelly.jpg|thumb|Caption for the Image]]</nowiki>
|<nowiki>[[File:Pelly.jpg|thumb|Caption for the Image]]</nowiki>  
|[[File:Pelly.jpg|thumb|Caption for the Image]]
|[[File:Pelly.jpg|thumb|Caption for the Image]]
|-
|-
|Float the thumbnail on the left side
|Float the thumbnail on the left side
|<nowiki>[[File:Pelly.jpg|left|thumb|Caption for the Image]]</nowiki>
|<nowiki>[[File:Pelly.jpg|left|thumb|Caption for the Image]]</nowiki>  
|[[File:Pelly.jpg|left|thumb|Caption for the Image]]
|[[File:Pelly.jpg|left|thumb|Caption for the Image]]
|}
|}

Revision as of 12:17, 29 July 2010

This is a short list to quickly highlight the principles when using images in the wiki. For a detailed help see the Mediawiki Help on Images.

  1. First thing you do is to edit the page where you want to use a picture. Do the uploading later.
  2. The table below gives you an overview on the layout options you have when including images.
  3. Once you edited and saved your page you have a greyed out image link like this one File:Not yet existant image.png. If you click on it it will direct you to the upload page. Where you can Upload the yet missing File. The filename of the uploaded image will be renamed to the one you have written in the article, it is not necessary that they match. (Example: you write in the wiki [[File:Michael Mustermann Projekt XY.png]] and later you can upload a file called DSC894732.png. Your File will be renamed automatically, just the filetype needs to match) Make sure you upload a reasonable file size and resolution so it can also be used for printing at a later point.
Description You type You get
Simple Image in 100%. (The dpi of the image will be ignored, every pixel information will be displayed) [[File:Pelly.jpg]] Pelly.jpg
Scale the image to exactly 250 pixels in width [[File:Pelly.jpg|250px]] Pelly.jpg
Scale the image to thumbnail size [[File:Pelly.jpg|thumb]]
Pelly.jpg
Thumbnail size and caption below the image [[File:Pelly.jpg|thumb|Caption for the Image]]
Caption for the Image
Float the thumbnail on the left side [[File:Pelly.jpg|left|thumb|Caption for the Image]]
Caption for the Image