Difference between revisions of "Help:Contents/images"
Jump to navigation
Jump to search
(Created page with "==Resized Image for External Use== ''aka "Shrinked on-the-fly Images"'' Sometimes you want to create a smaller version of an image for use on some other site (e.g. a blog pos...") |
(corrected text; added same-width and same-height examples) |
||
| Line 8: | Line 8: | ||
# Edit the page | # Edit the page | ||
# Put in code like this: <nowiki>[[File:Baby Snake4.jpg|400px]]</nowiki> | # Put in code like this: <nowiki>[[File:Baby Snake4.jpg|400px]]</nowiki> | ||
#* ...where "400px" is how wide you want the image to be. (Alternatively, you can specify | #* ...where "400px" is how wide you want the image to be. (Alternatively, you can specify height instead: <nowiki>[[File:Baby Snake4.jpg|x400px]]</nowiki>) | ||
# Preview the page (press the [Preview] button) | # Preview the page (press the [Preview] button) | ||
# Right-click the image and select "Copy image location". | # Right-click the image and select "Copy image location". | ||
| Line 29: | Line 29: | ||
File:Baby Snake4.jpg | Text to appear as a caption. This is snake #4. | File:Baby Snake4.jpg | Text to appear as a caption. This is snake #4. | ||
</gallery> | </gallery> | ||
==Examples== | |||
===Same Width=== | |||
[[File:Baby Snake1.jpg|100px]] | |||
[[File:Baby Snake2.jpg|100px]] | |||
[[File:Baby Snake3.jpg|100px]] | |||
[[File:Baby Snake4.jpg|100px]] | |||
===Same Height=== | |||
[[File:Baby Snake1.jpg|x100px]] | |||
[[File:Baby Snake2.jpg|x100px]] | |||
[[File:Baby Snake3.jpg|x100px]] | |||
[[File:Baby Snake4.jpg|x100px]] | |||
Revision as of 13:08, 17 February 2014
Resized Image for External Use
aka "Shrinked on-the-fly Images"
Sometimes you want to create a smaller version of an image for use on some other site (e.g. a blog post) but you don't actually need that size image anywhere on the wiki.
What you can do is edit a page, use the syntax for displaying a resized image, but don't save the changes. Any page will do, including the image's "File:" page.
- Edit the page
- Put in code like this: [[File:Baby Snake4.jpg|400px]]
- ...where "400px" is how wide you want the image to be. (Alternatively, you can specify height instead: [[File:Baby Snake4.jpg|x400px]])
- Preview the page (press the [Preview] button)
- Right-click the image and select "Copy image location".
- You can now discard your edits by closing the tab or navigating to some other page -- or you can change the size if it's not quite right, and preview again. (Lather, rinse, repeat.)
Your copy-buffer now contains a permanent URL for the image at that size.
Image Gallery
This wikicode --
- <gallery>
- File:Baby Snake1.jpg | Text to appear as a caption. This is snake #1.
- File:Baby Snake2.jpg | Text to appear as a caption. This is snake #2.
- File:Baby Snake3.jpg | Text to appear as a caption. This is snake #3.
- File:Baby Snake4.jpg | Text to appear as a caption. This is snake #4.
- </gallery>
-- produces this result:
Text to appear as a caption. This is snake #1.
Text to appear as a caption. This is snake #2.
Text to appear as a caption. This is snake #3.
Text to appear as a caption. This is snake #4.
Examples
Same Width
Same Height