Help:Images - Revision history

imported>Ryangibsonstewart: expand uploading help with more step-by-step details

2009-09-30T03:31:20Z

expand uploading help with more step-by-step details

← Older revision	Revision as of 03:31, 30 September 2009
(No difference)

imported>Ryangibsonstewart: expand uploading help with more step-by-step details

2009-09-30T03:31:20Z

expand uploading help with more step-by-step details

@@ Line 3: / Line 3: @@
 Whenever possible, provide '''images''' to accompany your article.
 ==Uploading Images==
 ==Using Images==

imported>Ryangibsonstewart: make captions into sentences

2007-11-25T22:49:18Z

make captions into sentences

← Older revision		Revision as of 22:49, 25 November 2007
Line 41:		Line 41:
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]</nowiki></tt><br>'''thumbnailed with caption'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]</nowiki></tt><br>'''thumbnailed with caption'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] ~~flying~~]]</nowiki></tt><br>'''framed with linked caption'''\|\|[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] ~~flying~~]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flies.]]</nowiki></tt><br>'''framed with linked caption'''\|\|[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flies.]]
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|left]]</nowiki></tt><br>'''floated left'''\|\|[[Image:Painting_peter_flying.jpg\|left]]'''Note:''' Since this image is floated, the accompanying text appears along side it and will wrap as needed. Therefore, you can safely use thumbnailed, framed, and floated images in the middle of a page without creating lots of unnecessary whitespace.		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|left]]</nowiki></tt><br>'''floated left'''\|\|[[Image:Painting_peter_flying.jpg\|left]]'''Note:''' Since this image is floated, the accompanying text appears along side it and will wrap as needed. Therefore, you can safely use thumbnailed, framed, and floated images in the middle of a page without creating lots of unnecessary whitespace.
Line 49:		Line 49:
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|right]]</nowiki></tt><br>'''floated right'''\|\|[[Image:Painting_peter_flying.jpg\|right]]'''Note:''' Whether the image is floated right or left, the page syntax is the same: first, link the image, then follow it with the text you want to float around it. When the length of the text exceeds the height of the image, it will automatically wrap around the bottom of the image.		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|right]]</nowiki></tt><br>'''floated right'''\|\|[[Image:Painting_peter_flying.jpg\|right]]'''Note:''' Whether the image is floated right or left, the page syntax is the same: first, link the image, then follow it with the text you want to float around it. When the length of the text exceeds the height of the image, it will automatically wrap around the bottom of the image.
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|left\|[[Peter]] ~~flying~~]]</nowiki></tt><br>'''thumbnailed with linked caption, floated left'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|left\|[[Peter]] ~~flying~~]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|left\|[[Peter]] flies.]]</nowiki></tt><br>'''thumbnailed with linked caption, floated left'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|left\|[[Peter]] flies.]]
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|100x100px\|left]]</nowiki></tt.><br>'''resized to max 100 pixels height and width'''\|\|[[Image:Painting_peter_flying.jpg\|100x100px\|left]]'''Note:''' You can also force the image to resize using a <tt>px</tt> value (like this: <tt>100px</tt>), which constrains width, or a pair of <tt>px</tt> values (like this: <tt>100x100px</tt>), which constrain width and height respectively. If you specify both height and width, the aspect ratio will be maintained, so only the more-restrictive value applies. In this case, the image is taller than wide, so <tt>100x100px</tt> scales the image to 100 pixels high. If the image was landscape-oriented, it would scale to 100 pixels wide instead. You should be careful about specifying a size for images; only do so when absolutely necessary for formatting reasons. Otherwise, it's best to use <tt>thumb</tt> and let the user specify how the image is scaled.		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|100x100px\|left]]</nowiki></tt.><br>'''resized to max 100 pixels height and width'''\|\|[[Image:Painting_peter_flying.jpg\|100x100px\|left]]'''Note:''' You can also force the image to resize using a <tt>px</tt> value (like this: <tt>100px</tt>), which constrains width, or a pair of <tt>px</tt> values (like this: <tt>100x100px</tt>), which constrain width and height respectively. If you specify both height and width, the aspect ratio will be maintained, so only the more-restrictive value applies. In this case, the image is taller than wide, so <tt>100x100px</tt> scales the image to 100 pixels high. If the image was landscape-oriented, it would scale to 100 pixels wide instead. You should be careful about specifying a size for images; only do so when absolutely necessary for formatting reasons. Otherwise, it's best to use <tt>thumb</tt> and let the user specify how the image is scaled.

imported>Ryangibsonstewart at 22:47, 25 November 2007

2007-11-25T22:47:42Z

← Older revision		Revision as of 22:47, 25 November 2007
Line 39:		Line 39:
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb]]</nowiki></tt><br>'''thumbnailed'''\|\|[[Image:Painting_peter_flying.jpg\|thumb]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb]]</nowiki></tt><br>'''thumbnailed'''\|\|[[Image:Painting_peter_flying.jpg\|thumb]]
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|Peter ~~flying~~]]</nowiki></tt><br>'''thumbnailed with caption'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|Peter ~~flying~~]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]</nowiki></tt><br>'''thumbnailed with caption'''\|\|[[Image:Painting_peter_flying.jpg\|thumb\|Peter flies.]]
	\|- valign="top"		\|- valign="top"
	\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flying]]</nowiki></tt><br>'''framed with linked caption'''\|\|[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flying]]		\| <tt><nowiki>[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flying]]</nowiki></tt><br>'''framed with linked caption'''\|\|[[Image:Painting_peter_flying.jpg\|frame\|[[Peter]] flying]]

imported>Hardvice: rem tocright -- standard for articles with sidebars

2007-03-18T06:04:09Z

rem tocright -- standard for articles with sidebars

← Older revision		Revision as of 06:04, 18 March 2007
Line 2:		Line 2:
	{{helpbox}}		{{helpbox}}
	Whenever possible, provide '''images''' to accompany your article.		Whenever possible, provide '''images''' to accompany your article.
	{{tocright}}
	==Uploading Images==		==Uploading Images==
	Follow the [[Special:Upload\|Upload File]] link in the toolbox or press Alt-U for the upload screen.		Follow the [[Special:Upload\|Upload File]] link in the toolbox or press Alt-U for the upload screen.

imported>Hardvice: +helpbox

2007-03-18T03:19:03Z

+helpbox

← Older revision		Revision as of 03:19, 18 March 2007
Line 1:		Line 1:
	__NOEDITSECTION__		__NOEDITSECTION__
	{{~~tocright~~}}		{{helpbox}}
	Whenever possible, provide '''images''' to accompany your article.		Whenever possible, provide '''images''' to accompany your article.
			{{tocright}}

	==Uploading Images==		==Uploading Images==
	Follow the [[Special:Upload\|Upload File]] link in the toolbox or press Alt-U for the upload screen.		Follow the [[Special:Upload\|Upload File]] link in the toolbox or press Alt-U for the upload screen.

imported>Ryangibsonstewart: clarifications

2007-03-07T06:05:42Z

clarifications

← Older revision		Revision as of 06:05, 7 March 2007
Line 72:		Line 72:

	====Using redirects====		====Using redirects====
	If a particular image should always link to a different page no matter where it is used, the easiest way to do so is by making the image's page a redirect. To create a redirect, edit the image's page and type <nowiki>#REDIRECT</nowiki> followed by a link to the target page. For example, to redirect an image to [[Peter Petrelli]], edit its page to read <tt><nowiki>#REDIRECT [[Peter Petrelli]]</nowiki></tt>. The redirect should be the first and only item on the page. Text below the redirect is ~~ignored~~ ~~and~~ ~~won't~~ ~~display~~. When linking to a different image or to a category, remember to place a ~~comma~~ at the beginning of the link. For example, to redirect to [[:Image:Painting_peter_flying.jpg]], type <tt><nowiki>#REDIRECT [[:Image:Painting_peter_flying.jpg]]</nowiki></tt>.		If a particular image should always link to a different page no matter where it is used, the easiest way to do so is by making the image's page a redirect. To create a redirect, edit the image's page and type <nowiki>#REDIRECT</nowiki> followed by a link to the target page. For example, to redirect an image to [[Peter Petrelli]], edit its page to read <tt><nowiki>#REDIRECT [[Peter Petrelli]]</nowiki></tt>. The redirect should be the first and only item on the page. Text below the redirect causes problems with multiple redirects. When linking to a different image or to a category, remember to place a colon at the beginning of the link. For example, to redirect to [[:Image:Painting_peter_flying.jpg]], type <tt><nowiki>#REDIRECT [[:Image:Painting_peter_flying.jpg]]</nowiki></tt>.

	====Using the imagelink template====		====Using the imagelink template====
Line 80:		Line 80:
	# The article to which you want to link: <tt><nowiki>\|link=Main Page</nowiki></tt>		# The article to which you want to link: <tt><nowiki>\|link=Main Page</nowiki></tt>
	# The width at which you'd like the image displayed: <tt><nowiki>\|width=150</nowiki></tt>		# The width at which you'd like the image displayed: <tt><nowiki>\|width=150</nowiki></tt>
	# The correct height of the image at the selected width: <tt><nowiki>\|height=116</nowiki></tt>		# The correct height of the image at the selected width: <tt><nowiki>\|height=116}}</nowiki></tt>

	Combining these elements yields the following entry: <tt><nowiki>{{imagelink\|image=blank.jpg\|link=Main Page\|width=150\|height=116}}</nowiki></tt>. The resulting image will look like this:{{imagelink\|image=blank.jpg\|link=Main Page\|width=150\|height=116}}.		Combining these elements yields the following entry: <tt><nowiki>{{imagelink\|image=blank.jpg\|link=Main Page\|width=150\|height=116}}</nowiki></tt>. The resulting image will look like this:{{imagelink\|image=blank.jpg\|link=Main Page\|width=150\|height=116}}.

imported>Hardvice: images as links

2007-03-07T04:14:27Z

images as links

@@ Line 68: / Line 68: @@
 Be sure to assign the page the [[:Category:Galleries|Galleries]] category
 ==Image Standards==
 ===Standard Image Formatting===
@@ Line 75: / Line 91: @@
 * Provide a caption for your image by piping it at the end of the image link.  Your caption can include other links, like <tt><nowiki>[[Image:Picture.jpg|thumb|right|A picture of [[Mr. Bennet]].]]</nowiki></tt>.
 * In most cases, don't add a pixel width to <tt>thumb</tt>ed images.  Users can set their own preference for thumbnail size in their [[Special:Preferences|Preferences]] page.  If you feel it's important an image display at a fixed size, use <tt>thumb</tt> and a width, but remember that doing so overrides a user's express preferences.  The only cases which clearly call for a fixed-width thumbnail are formatted tables, templates, and such where it's important that images fit in a certain space or that several images be sized consistently.  For example, the [[Powers]] article scales several images to match and to fit the size of the table column.
 * If an image does not meet standards for some reason, mark it with the '''<nowiki>{{reupload}}</nowiki>''' template.

imported>Hardvice: StandardImageSizes

2007-01-19T20:47:40Z

StandardImageSizes

← Older revision		Revision as of 20:47, 19 January 2007
Line 84:		Line 84:

	Certain elements, such as sidebars and portal pages, look better when the images from different pages are all of the same size. In general, it's a good idea to make your image about the same size as others in the same category, but for these elements it's especially important. Some common standard image sizes:		Certain elements, such as sidebars and portal pages, look better when the images from different pages are all of the same size. In general, it's a good idea to make your image about the same size as others in the same category, but for these elements it's especially important. Some common standard image sizes:
			{{StandardImageSizes}}
	{\| border=1 cellpadding=5
	\|-
	! Image Type !! Size
	\|-
	\| [[:Category: Character Portraits\|Character]], [[:Category: Cast and Crew Portraits\|Cast and Crew]], and [[:Category:Animal Portraits\|Animal]] portraits \|\| 200x250 pixels
	\|-
	\| [[:Category: Episode Images\| Episode Images]] for sidebar and portal page \|\| 300x169 pixels (300 wide at 16:9 aspect ratio)
	\|-
	\| [[:Category: Graphic Novel Images\| Graphic Novel Images]] for sidebar and portal page<br>[[:Category:Location Images\|Location Images]] for sidebar and portal page<br>Place Images for sidebar and portal page<br>[[:Category:Powers Images\|Powers Images]] for sidebar and portal page<br>[[:Category:Events Images\|Events Images]] for sidebar and portal page<br>[[:Category:Items Images\|Items Images]] for sidebar and portal page<br>[[:Category:Symbols Images\|Symbols Images]] for sidebar and portal page<br>[[:Category:References Images\|References Images]] for sidebar and portal page \|\| 450x350 pixels
	\|-
	\| [[:Category:Isaac's paintings\|Isaac's paintings]] \|\| Full size and aspect ratio for [[Isaac's paintings]]<br>300x200 for [[Prophecy]]
	\|-
	\|}

	Note that most pages use a standard lead image size of 450x350 pixels. This allows the same image to be used in different categories if needed.		Note that most pages use a standard lead image size of 450x350 pixels. This allows the same image to be used in different categories if needed.

imported>Hardvice: rem dbl listing

2007-01-10T08:23:42Z

rem dbl listing

← Older revision		Revision as of 08:23, 10 January 2007
Line 92:		Line 92:
	\| [[:Category: Episode Images\| Episode Images]] for sidebar and portal page \|\| 300x169 pixels (300 wide at 16:9 aspect ratio)		\| [[:Category: Episode Images\| Episode Images]] for sidebar and portal page \|\| 300x169 pixels (300 wide at 16:9 aspect ratio)
	\|-		\|-
	\| [[:Category: Graphic Novel Images\| Graphic Novel Images]] for sidebar and portal page<br>[[:Category:Location Images\|Location Images]] for sidebar and portal page<br>Place Images for sidebar and portal page<br>[[:Category:Powers Images\|Powers Images]] for sidebar and portal page<br>[[:Category:Events Images\|Events Images]] for sidebar and portal page<br>[[:Category:Items Images\|Items ~~Images]] for sidebar and portal page<br>[[:Category:Symbols Images\|Symbols~~ Images]] for sidebar and portal page<br>[[:Category:Symbols Images\|Symbols Images]] for sidebar and portal page<br>[[:Category:References Images\|References Images]] for sidebar and portal page \|\| 450x350 pixels		\| [[:Category: Graphic Novel Images\| Graphic Novel Images]] for sidebar and portal page<br>[[:Category:Location Images\|Location Images]] for sidebar and portal page<br>Place Images for sidebar and portal page<br>[[:Category:Powers Images\|Powers Images]] for sidebar and portal page<br>[[:Category:Events Images\|Events Images]] for sidebar and portal page<br>[[:Category:Items Images\|Items Images]] for sidebar and portal page<br>[[:Category:Symbols Images\|Symbols Images]] for sidebar and portal page<br>[[:Category:References Images\|References Images]] for sidebar and portal page \|\| 450x350 pixels
	\|-		\|-
	\| [[:Category:Isaac's paintings\|Isaac's paintings]] \|\| Full size and aspect ratio for [[Isaac's paintings]]<br>300x200 for [[Prophecy]]		\| [[:Category:Isaac's paintings\|Isaac's paintings]] \|\| Full size and aspect ratio for [[Isaac's paintings]]<br>300x200 for [[Prophecy]]