Editing Help:Insert an image (VisualEditor)

{{Header Help
|ariane=Insert an image, a reference, etc.
|descriptif=Well chosen and placed in the right place, the images illustrate Wikipedia. Their layout and legend are important points that should not be overlooked. This page will explain how to do this.<br><br>The following method uses [[Wikipedia:Help:VisualEditor|VisualEditor]] and allows you to upload a file at the same time that we add it and incorporate the essential elements into it.
|techno=EV
|technolien=Help:Insert an image (wikicode)
|difficulty=
|avertissement=if you don't know how to use the Visual Editor, go to [[Help:Editing Toolbar]]}}

[[File:Example image.jpg|thumbnail|Example image embedded in text as thumbnail and right aligned.|alt=|267x267px]]

== To remember ==
From the "Insert" menu in the toolbar, it is possible to add an image (already imported to Wikipedia or not) using the "Images and media" icon.
[[File:Insert an image.png|alt =|center|frameless|600px]]

== Insert image ==
After clicking on the "Images and Media" icon, a dialog box will appear for you to search for an image hosted on the server, our digital media library; use the search box. You can use the images present to illustrate Wikipedia, without asking the authorization of the authors (principle of the free license).<br>
[[File:Find an image already imported.png|center|sans_cadre|600px]]<br>

If the image to be inserted is stored on your hard drive, it must first be imported. To do this, click on "Upload" instead or read [[Help:Import an image|how to import an image]].<br>
[[File:Upload image.png|center|sans_cadre|600px|If you like any of the resulting images, click on it and a new menu will open.]]
[[File:Select a file to upload.png|center|frameless|600px]]<br>

Once the image is chosen, new menus will open which will allow you to clarify the presentation of the image in the article.<br>
[[File:Use this image.png|center|frameless|600px]]<br>
Although you must add a file name and description to any uploaded image (in addition to indicating that you are the author of this work), it is not mandatory to add a caption to the image.
[[File:Field to add a caption to an image.png|center|frameless|600px]]

== Format an image ==
[[File:Image formatting parameters.png|thumbnail|450x450px|Image formatting parameters.]]
When inserting the legend, it is possible to click on "{{int:visualeditor-advancedsettings-tool}}" to modify the display options.

You can then change the alignment ("left", "center" or "right"), and the format of the image:
* "thumbnail" (with caption)
* "borderless" (without caption)
* "frame" (actual size with caption)
* "basic" (actual size without caption)
You can also display a border for frameless images. The size of the image can also be changed, while keeping the correct proportions.

To make the change, click on "{{int:visualeditor-dialog-action-insert}}".

Your layout will immediately appear on the page, but it will not be saved until you save the entire page.

== Modify an existing image ==
[[File:"More details" button.png|sans_frame|450px|alt=|border|right]]
To modify an existing image, if you are using the "Read" tab, click on the image. If it opens in Media Viewer, click "More Details" at the bottom right. Then click on "Import a new version of this file" to replace the selected image with another.
[[File:Link "Import a new version of this file".png|Import a new version of the file|450x450px|alt=|thumbnail]]
If you are using the “Edit” tab (Visual Editor), click on the image and then on the “Edit” button. You can then change the image by clicking on "Change image" at the bottom right of the next window.
[[File:Button to modify an image in the Visual Editor.png|center|frameless|450px|alt=|border]]<br>
[[File:"Change image" button.png|center|frameless|450px|alt=|border]]