Help:Inserting pictures - Revision history

U44629479: Added mention about categories of images

2020-05-19T19:06:31Z

Added mention about categories of images

U28580205: Add notice about condition of copyright statuses on image uploads

2020-04-23T17:02:48Z

Add notice about condition of copyright statuses on image uploads

U64962917: Added alternate image gallery format.

2019-05-09T01:48:29Z

Added alternate image gallery format.

U25156858: /* Wiki text editor */

2019-05-09T00:36:14Z

‎Wiki text editor

U36063762: /* Wiki text editor */

2019-01-23T13:53:54Z

‎Wiki text editor

U36063762: /* Insert galleries */

2019-01-23T13:52:59Z

‎Insert galleries

U36063762: /* Insert separately */

2019-01-23T13:45:49Z

‎Insert separately

U36063762 at 09:18, 14 January 2019

2019-01-14T09:18:37Z

U28580205: Created WIP Page for article

2018-12-25T13:58:04Z

Created WIP Page for article

New page

You can (and need) embed images into articles on the War Thunder Wiki. But before posting images in the text of the article, they must first be uploaded to the wiki. This can be done on the "[[Special:Upload|Upload file]]" page , which you can also access via the link in the expandable Tools panel on the left side of the page.

During the file upload, you can change its name and add a short description. The file name can consist of several words (Cyrillic or Latin) separated by spaces or underscores (in wiki markup, the underscore is automatically converted to a space immediately after writing)

When uploading files, use meaningful friendly names for them!

Successful examples:
* BREN on Tiger (P).png
* Ju-87G Rudel.jpg
* Sla 16 installation on the tank.Jpg

Examples of unsuccessful names:
* 3eYIv63ADtM.jpg (meaningless character set)
* Image1.jpg (another meaningless name)
* CK.jpg (actually referring to Cobra King, but not immediately understand)

If you load a series of images, each of which is difficult to come up with a unique name, they can simply be numbered. For example: Cobra King - screenshot 1.jpg, Cobra King - screenshot 2.jpg, Cobra King - screenshot 3.jpg, etc.

A brief explanation is often used to indicate the source from which the image was taken. Example: "Taken from Walther Spielberger Panzerkampfwagen Tiger und seine Abarten." Try to indicate the source if you took an image from a book.

You can insert images into an article in two main ways: each image as a separate one or as an image gallery.

== Insert separately ==
=== Visual editor ===
[[File:InsertingPictures - Visual InsertMedia.png|300px|thumb|left]]

If you work in the visual editor, you can insert an image by clicking on the "Media" button in the "Insert" menu. Clicking on this button will open a dialog box in which you will first be prompted to find and select one of the files already downloaded, or to download a new one from your device:

[[File:InsertingPictures - Visual MediaSearch.png|600px]]

In the "Search" section, you can find and select an image already uploaded to the wiki, and in the "Upload" section - upload a new one from your device.

After you select the desired image, the editor will enlarge it, display the basic information about the image file and ask you to confirm the selection:

[[File:InsertingPictures - Visual MediaSearchDetail.png|600px]]

If the image is selected correctly, then you can safely click the blue button labeled "Use this image," otherwise click "Back."

Next, the settings window for the pasted image will appear. By default, this is a thumbnail image, without description, with an alignment on the right and 300 pixels wide. Unless specifically required, these parameters, except for the description, do not need to be changed.

In the "General Settings" section, you can add a caption under the image, as well as add alternative text in case the image is not uploaded (optional).

[[File:InsertingPictures - Visual GeneralSettings.png|600px]]

In the "Advanced Settings" section you can change the position of the image, adjust its type and size. Default values are not recommended.

[[File:InsertingPictures - Visual AdvancedSettings.png|600px]]

After you finish setting the parameters, click the "Insert" button and the image will appear on the page.

=== Wiki text editor ===
In the wiki text editor to insert an image, you must use a special code, the syntax of which is presented below:

<code><nowiki>[[File:{Filename}|{parameters}|{caption}]]</nowiki></code>

The file name includes the full name of the image uploaded to the wiki, including the extension, for example: Example.jpg

Image parameters may include the following items, separated by a vertical bar, or not at all:
* border, frame, thumb, frameless: Set the following image formatting:
** thumb (mini) — a smaller version of the image with reference to the original, streamlined with the text on the right, is '''recommended by default ;'''
** border — gives a thin gray border (not recommended);
** frame — a frame with a caption;
** frameless — thumbnail with a link to the original, but without a frame and placed in the text itself.
* left, right, center, none: Set the horizontal alignment of the image on the page with text wrapping, the '''alignment is recommended on the right''';
* baseline, sub, super, top, text-top, middle, bottom, text-bottom: Set the vertical alignment of the image on the page;
* {width} px: Resizes the image to the specified width, '''a value of 300px is recommended''';
* x{height}px: Resizes the image to a given height;
* {width}x{height}px: Resizes the image to the specified width and height.
: The proportions of the image always remain the same!
* link={link}: The image can also serve as a link to something:
: <code><nowiki>[[File:Example.jpg|20px|link=Help:Creating_articles]]</nowiki></code> → [[File:Example.jpg|20px|link=Help:Creating_articles]].
: The link parameter cannot be used together with the thumb, since the thumb implies a link to an enlarged version of the image. Also, the link cannot be used in conjunction with the frame;
* alt = {alternative text}: Change the alternative text of the image (in case the image is not uploaded);
* class = {class name}: specifies an additional element class <code><nowiki><img /></nowiki></code>.

If the parameter does not match any of the above, file would be formatted as a frame by default. The caption is displayed below the image if the thumb and frame parameters are used, and also shown as a tooltip when you hover the cursor with the border and frameless parameters. With the thumb and frame parameters, you can include wiki links and other formatting in the caption text, but in other cases the formatting will be ignored.

[[File:Example.jpg|thumb|300px|right|Caption]]
To insert illustrations into articles, it is recommended to use the following code (on the right - an example of the resulting image)

<code><nowiki>[[File:Example.jpg|thumb|300px|right|Caption]]</nowiki></code>

If you want to stop the flow of text (for example, for the title screenshot), you should add the code <code><nowiki>{{Break}}</nowiki></code> after the image.

To simplify the insertion of images in the wiki text editor, you can use the functionality of the extended toolbar by clicking the "Image" button icon.
[[File:Icons EmbeddedFile.png]].

After clicking on this button, a dialog box opens in which you can enter the parameters described above.

== Insert galleries ==
=== Visual editor ===
[[File:InsertingPictures - Visual InsertGallery.png|thumb|left]]

To insert an image gallery in the Visual Editor, select the "Gallery" item in the Insert menu. When you click on this button, a dialog box opens in which you can choose to upload already uploaded images to the gallery:

[[File:InsertingPictures - Visual GallerySearch.png|600px]]

Gallery settings on the tab "Options" are not recommended to change. In order to find the images that you want to include in the gallery, you should use the search. To select an image, click on it with the left mouse button, and it will move to the block on the left and the image settings window will appear:

[[File:InsertingPictures - Visual GalleryImages.png|600px]]

In this window, you can add a caption to the image in the "Images" field, as well as delete the image from the gallery using the "Remove image" button if you decided not to post it there.

In order to add the next image to the gallery, click the "Add new image" button at the bottom left corner, the window will return to the previous state. All images selected for placement in the gallery will be placed in the block on the left, which allows you to switch between them and rearrange their location in the gallery by dragging with the mouse. As soon as you select all the necessary images, click the "Insert" button and the finished gallery will appear on the page.

=== Wiki text editor ===
To insert an image gallery in the wiki text editing mode, you will need the following, rather simple code:
<pre><gallery>
File:Example.jpg|Image 1
File:Example.jpg|Image 2
...
</ gallery></pre>

The code will result in the following gallery:
<gallery>
File:Example.jpg|Image 1
File:Example.jpg|Image 2
</gallery>

That is, to insert a gallery through the wiki text editor, it is enough to write the full name of the image on the wiki between <gallery> tags, and the image caption (not necessary) through a straight line. The number of images in the gallery is not limited, but you should not overdo it.

The order of the image names in the tags <gallery> determines the final order of the images in the finished gallery.

== Additional info ==
=== Link to image page ===
If you put a colon (:) before the word File:, the picture will not be embedded in the text, instead the link will point to the picture page.

For example, the code:
<pre>[[:File:Example.jpg]]
[[:File:Example.jpg|Caption]]</pre>

It will be displayed like this: <br>
[[:File:Example.jpg]]<br>
[[:File:Example.jpg|Caption]]

=== Direct file link ===
Code:
<pre>[[File:Example.jpg]]
[[File:Example.jpg|Caption]]</pre>

Displayed as:<br>
[[File:Example.jpg]]<br>
[[File:Example.jpg|Caption]]

More information about the insertion of images can be found at the link: [[Wikipedia:Help:Pictures|Wikipedia: Help:Pictures]].

← Older revision		Revision as of 19:06, 19 May 2020
Line 16:		Line 16:

	If you load a series of images, each of which is difficult to come up with a unique name, they can simply be numbered. For example: Cobra King - screenshot 1.jpg, Cobra King - screenshot 2.jpg, Cobra King - screenshot 3.jpg, etc.		If you load a series of images, each of which is difficult to come up with a unique name, they can simply be numbered. For example: Cobra King - screenshot 1.jpg, Cobra King - screenshot 2.jpg, Cobra King - screenshot 3.jpg, etc.
		+
		+	Make sure to allocate the right category to your pictures. The available categories can be found here: [[:Category:Images]].

	A brief explanation is often used to indicate the source from which the image was taken. Example: "Taken from Walther Spielberger Panzerkampfwagen Tiger und seine Abarten." Try to indicate the source if you took an image from elsewhere.		A brief explanation is often used to indicate the source from which the image was taken. Example: "Taken from Walther Spielberger Panzerkampfwagen Tiger und seine Abarten." Try to indicate the source if you took an image from elsewhere.

← Older revision		Revision as of 01:48, 9 May 2019
Line 121:		Line 121:

	The order of the image names in the tags <gallery> determines the final order of the images in the finished gallery.		The order of the image names in the tags <gallery> determines the final order of the images in the finished gallery.
		+
		+	=== Alternate method ===
		+	Another option to insert an image gallery which embeds the text description with the image, you will need the following:
		+
		+	<pre><div>
		+	<ul>
		+	<li style="display: inline-block;">[[File:Example.jpg\|thumb\|none\|250px\|Text description for image 1.]]</li>
		+	<li style="display: inline-block;">[[File:Example.jpg\|thumb\|none\|250px\|Text description for image 2.]]</li>
		+	</ul></div></pre>
		+	<!-- * as part of the file train above thumb = thumb size scale of image, none = no specific justification other options include "right", "center" or "left", but in this instance none works well as it will auto line up the images, and 250px = size of thumb size image, which the numbers can be adjusted up or down to increase or decrease the size of the thumbnail image.-->
		+
		+	The code will result in the following gallery:
		+
		+	<div><ul>
		+	<li style="display: inline-block;">[[File:Example.jpg\|thumb\|none\|250px\|Text description for image 1.]]</li>
		+	<li style="display: inline-block;">[[File:Example.jpg\|thumb\|none\|250px\|Text description for image 2.]]</li>
		+	</ul></div>

	== Additional info ==		== Additional info ==

@@ Line 17: / Line 17: @@
 If you load a series of images, each of which is difficult to come up with a unique name, they can simply be numbered. For example: Cobra King - screenshot 1.jpg, Cobra King - screenshot 2.jpg, Cobra King - screenshot 3.jpg, etc.
-A brief explanation is often used to indicate the source from which the image was taken. Example: "Taken from Walther Spielberger Panzerkampfwagen Tiger und seine Abarten." Try to indicate the source if you took an image from a book.
+A brief explanation is often used to indicate the source from which the image was taken. Example: "Taken from Walther Spielberger Panzerkampfwagen Tiger und seine Abarten." Try to indicate the source if you took an image from elsewhere.
 You can insert images into an article in two main ways: each image as a separate one or as an image gallery.

@@ Line 110: / Line 110: @@
 File:Example.jpg|Image 2
 ...
-</ gallery></pre>
+</gallery></pre>
 The code will result in the following gallery:

@@ Line 84: / Line 84: @@
 To simplify the insertion of images in the wiki text editor, you can use the functionality of the extended toolbar by clicking the "Image" button icon.
-[[File:Icons EmbeddedFile.png]].
+[[File:CreatingArticles_-_Editor_EmbeddedFile.png]].
 After clicking on this button, a dialog box opens in which you can enter the parameters described above.

@@ Line 90: / Line 90: @@
 == Insert galleries ==
 === Visual editor ===
-[[File:InsertingPictures - Visual InsertGallery.png|thumb|left]]
+[[File:InsertingPictures - Visual InsertGallery.png|thumb]]
 To insert an image gallery in the Visual Editor, select the "Gallery" item in the Insert menu. When you click on this button, a dialog box opens in which you can choose to upload already uploaded images to the gallery:

@@ Line 23: / Line 23: @@
 == Insert separately ==
 === Visual editor ===
-[[File:InsertingPictures - Visual InsertMedia.png|300px|thumb|left]]
+[[File:InsertingPictures - Visual InsertMedia.png|300px|thumb|]]
 If you work in the visual editor, you can insert an image by clicking on the "Media" button in the "Insert" menu. Clicking on this button will open a dialog box in which you will first be prompted to find and select one of the files already downloaded, or to download a new one from your device:

@@ Line 136: / Line 136: @@
 === Direct file link ===
 Code:
-<pre>[[File:Example.jpg]]
+<pre>[[Media:Example.jpg]]
-[[File:Example.jpg|Caption]]</pre>
+[[Media:Example.jpg|Caption]]</pre>
 Displayed as:<br>
-[[File:Example.jpg]]<br>
+[[Media:Example.jpg]]<br>
-[[File:Example.jpg|Caption]]
+[[Media:Example.jpg|Caption]]
-More information about the insertion of images can be found at the link: [[Wikipedia:Help:Pictures|Wikipedia: Help:Pictures]].
+More information about the insertion of images can be found at the link: [[wikipedia:Help:Pictures|Wikipedia: Help:Pictures]].