Editing Help/Upload-a-Photo-How

{{Help-menu}}
<div class="pg_page_title">How to add a Photo on a Language Lesson</div>
You are creating an article on the Polyglotclub WIKI and you want to add a picture in it. How to do this ?

== Create your own image (do not copy from the web) == 

First, be aware that it is not allowed to simply copy images on the web without modification because of Copyright and [https://en.wikipedia.org/wiki/Duplicate_content Duplicate Content] reasons.

To create your own original image, you can use softwares like [https://picasa.google.com/ Picasa], [http://www.adobe.com/products/photoshop.html Photoshop] or [http://www.adobe.com/products/fireworks.html Fireworks].

<span style="color:red;">'''Warning: in your page add at least one image with a width of 700px or more.'''</span> For technical reasons, this image must be large enough to appear on the lessons thumbnails like on the [http://polyglotclub.com/language/wiki following page].

== Upload the image on the article ==

Once your image is created, you can add it on your wiki page.

===Edit tab===
:#Click on the '''Edit''' tab.
:#Click the button '''INSERT > MEDIA''' and follow the steps

===Edit source tab===
:#Click on the '''Edit source''' tab.
:#Click the button (small green arrow)
[[File:upload-photo-lesson.jpg|border|small green arrow]]
*Select the file from your computer
*Click the '''Upload this file''' link
[[File:upload-photo-lesson2.jpg|border|Upload this file]]
*Add the image code in the page: click the '''Insert picture''' link
[[File:upload-photo-lesson3.jpg|border|Insert picture]]
*Format the code if needed

==Formatting your image==

For example, if you have just uploaded an image with the following name : My_pic.png

Then, use the following codes (edit your page with the Edit Source button) :

So your page can be viewed with any device, it is best to use a width of 300px. If you are using a desktop device, it's small but, so far, mediawiki do not provide responsive design which automatically adapt images to all devices mobile or desktops.

*Image with a width of 300px:
<code><nowiki>[[File:My_pic.png|300px]]</nowiki></code>

*Image with a caption "your text":
<code><nowiki>[[File:My_pic.png|your text]]</nowiki></code>

[[File:Onomatopoeias.png|300px|your text]]

*Image with a link:
<code><nowiki>[[File:My_pic.png|300px|link=http://polyglotclub.com]]</nowiki></code>

[[File:Onomatopoeias.png|300px|link=http://polyglotclub.com]]

*Image with a border:
<code><nowiki>[[File:My_pic.png|300px|border]]</nowiki></code>

[[File:Onomatopoeias.png|300px|border]]

*Thumbnail image:
<code><nowiki>[[File:My_pic.png|thumb|none]]</nowiki></code>

[[File:Onomatopoeias.png|thumb|none]]

Learn more about the [https://www.mediawiki.org/wiki/Help:Images wiki code syntax for images]