Editing Help:Insert an image (VisualEditor)

Jump to navigation Jump to search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
 
{{Header Help
 
{{Header Help
 
|ariane=Insert an image, a reference, etc.
 
|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.
+
|description=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 [https://fr.wikipedia.org/wiki/Help:%C3%89diteurVisuel Visual editor] and allows you to upload a file at the same time that we add it and incorporate the essential elements into it.
 
|techno=EV
 
|techno=EV
 
|technolien=Help:Insert an image (wikicode)
 
|technolien=Help:Insert an image (wikicode)
|difficulty=
+
|difficulty =
|avertissement=if you don't know how to use the Visual Editor, go to [[Help:Editing Toolbar]]}}
+
|warning=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]]
[[File:Example image.jpg|thumbnail|Example image embedded in text as thumbnail and right aligned.|alt=|267x267px]]
 
  
 
== To remember ==
 
== 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.
 
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]]
+
[[File:Insert an image.jpg|alt =|centered|frameless|600x160px]]
  
 
== Insert image ==
 
== 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>
+
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).
[[File:Find an image already imported.png|center|sans_cadre|600px]]<br>
+
[[File:Find an image already imported.jpg|centered|sans_cadre|600x600px]]
 +
 
 +
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]].
 +
[[File:Upload image.jpg|centered|sans_cadre|600x600px |
 +
 
  
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>
+
If you like any of the resulting images, click on it and a new menu will open.]]
[[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.jpg|centered|frameless|600x600px]]
[[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>
+
Once the image is chosen, new menus will open which will allow you to clarify the presentation of the image in the article.
[[File:Use this image.png|center|frameless|600px]]<br>
+
[[File:Use this image.jpg|centered|frameless|600x600px]]
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.
+
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]]
+
[[File:Field to add a caption to an image.jpg|centered|frameless|600x600px]]
  
 
== Format an image ==
 
== Format an image ==
Line 30: Line 32:
 
When inserting the legend, it is possible to click on "{{int:visualeditor-advancedsettings-tool}}" to modify the display options.
 
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:
+
You can then change the alignment (left, centered or right), and the decoration of the image:
* "thumbnail" (with caption)
+
* thumbnail (with caption)
* "borderless" (without caption)
+
* without frame (without caption)
* "frame" (actual size with caption)
+
* frame (actual size with caption)
* "basic" (actual size without 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.
 
You can also display a border for frameless images. The size of the image can also be changed, while keeping the correct proportions.
  
Line 40: Line 42:
  
 
Your layout will immediately appear on the page, but it will not be saved until you save the entire page.
 
Your layout will immediately appear on the page, but it will not be saved until you save the entire page.
 
 
== Modify an existing image ==
 
== Modify an existing image ==
[[File:"More details" button.png|sans_frame|450px|alt=|border|right]]
+
[[File:"More details" button .jpg|sans_frame|450x450px ||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.
 
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]]
+
[[File:Link "Import a new version of this file" .jpg|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.<br>
+
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:Button to modify an image in the Visual Editor.jpg|centered|frameless|450x450px|alt =|border]]
[[File:"Change image" button.png|center|frameless|450px|alt=|border]]
+
[[File:"Change image" button .jpg|centered|frameless|450x450px|alt =|border]]

Please note that all contributions to Wikipedia 2197 are considered to be released under the CC BY-NC 3.0 (see Wikipedia 2197:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

To edit this page, please answer the question that appears below (more info):

Cancel Editing help (opens in new window)