Help:Images

From ILSTRAT
Revision as of 21:59, 15 September 2022 by Alan.Myers (talk | contribs) (→‎Uploading images)

(diff) ← Older revision | Approved revision (diff) | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Uploading images

To insert an image into an article, you must first upload the image Upload file. Make note of the name as you will need it later to insert the image in the page. See file naming conventions below.

Summary field

This field will be used as the caption for the image.
example:

 Fig. 21 -- Fossils present in the Herrin Coal Seam.

Image size restrictions

Uploads are limited to 50mb

Image dimensions

Please try to limit the image sizes (in pixels) to something reasonable. Currently the wiki cannot support images larger than 3400px in the largest directed, so keep images smaller than that.
See Help:Image Sizes for examples.

File naming convention

fig_strat code_heading_###.jpg

  • Strat code: is the 4 digit internal ISGS code, found at the bottom of each page.
  • Heading: is the section heading on the page where you want to insert the image.
  • ###: is a sequential number starting at 001 for each section (include the zeros).

example:

 fig_2660_fossils_021.jpg

Translation- the figure is on the Herrin Coal Member page, in the Fossils section, and is image number 21 (of the Fossils section).

Supported media types for images

The following file formats are supported by default:

  • .jpg or .jpeg : bitmap image compressed in the standard JPEG format (this lossy format is most suitable for photographs).
  • .png : bitmap image in the Portable Network Graphics|Portable Network Graphics format (specified by the W3 Consortium).
  • .gif : bitmap image in the legacy Graphics Interchange Format.

ILSTRAT image (gallery) code

This is the code that ILSTRAT uses to insert images into pages

<center>
{| class="wikitable" style="text-align: center;"
|-
|<gallery caption="" widths=250px heights=250px perrow=4>
Figure_Pc-1.jpg|{{file:Figure_Pc-1.jpg}}
</gallery>
|}
</center>

What the above code yields

Explanation of the code

Figure P-13.jpg|{{file:Figure P-13.jpg}}
  • Figure P-13.jpg--file name
  • {{file:Figure P-13.jpg}}--this calls the "summary" from the image page and is used as the caption.
  • If you want different text to appear as the caption replace {{:Figure P-13.jpg}} or everything after the pipe | with the new text
Best practice is to make sure the image page has the correct info on it and not to alter this coding.

Multiple images

To insert more than one image duplicate the line Figure P-13.jpg|{{file:Figure P-13.jpg}} and edit for each image accordingly.

<center>
{| class="wikitable" style="text-align: center;"
|-
|<gallery caption="Text that you want to call the collection of images (optional)" widths=250px heights=250px perrow=4>
Figure P-13.jpg|{{file:Figure P-13.jpg}}
...more images following the code above in needed
</gallery>
|}
</center></nowiki>

Adding a gallery caption

Change the gallery caption="Text that you want to call the collection of images (optional) - this is primarily only used if the images you are inserting are a supposed to be grouped as a single figure. Example using caption="Fig. P-3 -- Exposures of Pennsylvanian rocks."

<center>
{| class="wikitable" style="text-align: center;"
|-
|<gallery caption="Fig. P-3 -- Exposures of Pennsylvanian rocks." widths=250px heights=250px perrow=4>
Figure P-3A.jpg|{{file:Figure P-3A.jpg}}
Figure P-3B.jpg|{{file:Figure P-3B.jpg}}
</gallery>
|}
</center>

Yields

In-text linking

To link an in-text reference to the corresponding figure, add a colon (:) before "file" and the text you wish to appear after the pipe (|):

[[:file:Figure P-13.jpg|Fig. P-13]]
becomes Fig. P-13

Other image codes

Usage
To include a file in a page, use a link in one of the following forms:

  • [[File:File.jpg]] to use the full version of the file
  • [[File:File.png|200px|thumb|left|alt text]] to use a 200 pixel wide rendition in a box in the left margin with "alt text" as description
  • [[Media:File.ogg]] for directly linking to the file without displaying the file

For more info see
Image Help on mediawiki.org