CZ:Images: Difference between revisions

From Citizendium
Jump to navigation Jump to search
imported>Stephen Ewen
imported>Meg Taylor
No edit summary
 
(26 intermediate revisions by 10 users not shown)
Line 1: Line 1:
{{Content Policy}}
This document covers image usage on ''Citizendium''. It is a work in progress.
<!---#REDIRECT [[Help:Images and other uploaded files]]---!><!---Used to be a redirect--->
<BR>
<big>'''This is a work in progress as we develop the guidelines and policies that Citizendium will follow.  Some items on this page are still undergoing discussion. Please use the talk page for questions.'''</big>
<BR>


To add an image, the image file has to be uploaded. In the future, Citizendium may support uploading other types of media, such as sound or video, and the process of using a sound or video is similar to these directions.
See also [[CZ:Images/Revising Licenses|Revising Licenses]] for what to do if the license for an existing image has to be changed.
{{TOC|right}}


==Getting to the the Upload Page==
== Uploading Images ==
Uploading images to ''Citizendium'' is a fairly simple process if the [[CZ:Upload|Upload Wizard]] is used. The instructions below give an overview of the process.


First save the image on your local computer in an acceptable format. The preferred formats are JPEG for photographic images, and PNG for drawings and other iconic images. Then go to the Toolbox, which is below the search box on the [[Help:Sidebar|sidebar]] on the left of page.  Note that if you have a small monitor, you may need to scroll down to see it.  Click the '''[[Special:Upload|Upload file]]''' button.
=== Step 1 &mdash; Prepare the image on your computer ===
Images should be uploaded at the highest resolution possible whilst keeping them below the 2MB size limit. Copies of the images will be automatically created on the server at the appropriate sizes for use in ''Citizendium'' articles.<br />
At present, the only types of image that can be uploaded to ''Citizendium'' are [[Portable Network Graphics|PNG]], [[GIF]], [[JPG]] and [[JPEG]]. PNG should be used for diagrams, whilst JPEG should be used for photos etc. GIF should only be used for animated images.<br />
SVG is a much better format for diagrams etc, but it is unfortunately not enabled on CZ at present.


==The Upload Page==
=== Step 2 &mdash; Follow the instructions in the [[CZ:Upload|Upload Wizard]] ===
Go to the [[CZ:Upload|Upload Wizard]] by clicking on the "Upload File" link in the sidebar.<br />
Follow the instructions to choose the type of licensing for the image which you are about to upload.


Once you have reached the [[Special:Upload|upload page]], you need to push the '''Browse...''' button.  This will allow you to find the image you want on your computer. Pick the image, and click '''Choose''' in the dialog box that comes up.
=== Step 3 &mdash; Fill in the upload form to upload the image ===
The last step of the Upload Wizard will take you to a form which must be completed.<br />
The first two fields ask for the image to upload, which you must choose from your computer, and the name which the image should be given on Citizendium. Please choose a sensible, short, and descriptive name.<br />
The rest of the form is for image information - the name of the author, the source, etc. Please enter all the information which you know.<br />
Depending upon which options you chose in the Upload Wizard, you may have to make a choice of licences at the bottom of the form. In these cases guidance will be given at the top of the form, and a preview of each licence will be shown when it is selected.


==File name==
=== Step 4 &mdash; Credit line and Permission documentation ===
The filename goes in the '''"destination filename" box'''
Most images should have credit lines. On the image page, at the bottom of the list of image details, is a link which can be clicked to create a credit line for that image.<br />
Images which are used by permission from the copyright holder must have this permission documented. If you chose the correct option in the Upload Wizard, a link will be shown on the image page just below the image itself which you should click to create the permission page.


If you are uploading an image to replace another image, give it the same name as the image it is replacing.  Otherwise, pick a name not in use.  This may require some looking around to ensure that you don't overwrite someone else's image.  Also, if replacing an image, make sure no other pages are using the image you plan to replace.
== Using Images ==
 
{{Image|PepperThreeAmigosSerrano.jpg|right|250px|Example of image usage on ''Citizendium''}}
Choose a name for an image as carefully as you would choose an article name, and use proper spacing and capitalization: the name may not be visible in a page that embeds the image, but it is, for example, on the page for a category that contains the image.
The code to add an image to a Citizendium article is very simple, and can be added to the page by clicking the image button in the toolbar above the edit box.<br />
 
The code inserted will be as follows:
Some people like to include licensing information within the file name.
 
==The description==
Select, copy, and then paste the highlighted text below, exactly as shown, into the Summary form at the image upload page. Text to the right of the equals signs '''<FONT style="BACKGROUND-COLOR: rgb(255, 255, 153)"><tt>=</tt>'''</FONT> describes what you need to do.
<FONT style="BACKGROUND-COLOR: rgb(255, 255, 153)">
<blockquote><blockquote>
<tt><nowiki>{{</nowiki></tt><BR>
<tt><nowiki>Image notes</nowiki></tt><BR><BR>
<tt><nowiki>|Description= REQUIRED FIELD. Add a detailed description of the media you are uploading. </nowiki></tt><BR><BR>
<tt><nowiki>|Author= REQUIRED FIELD. Add info about who took the photo and/or who holds or held the copyright (MUST be a real name or official entity), and any verifying links that may be available.</nowiki></tt><BR><BR>
<tt><nowiki>|Date= Replace this sentence with the date the photo was taken, if known; or, estimate it.  If you are unsure, leave the preceding sentence alone but remove this one.</nowiki></tt><BR><BR>
<tt><nowiki>|Source= REQUIRED FIELD. Replace this sentence with *exact* data about where you got the image, usually a webpage such as http://www.acmemuseum.org/collections/history/sahara.html.  People *must* be able to verify the data as found at the image's source.</nowiki></tt><BR><BR>
<tt><nowiki>|Country first published in= If info is known, replace this with United States, United Kingdom, Sweden, Argentina, etc.</nowiki></tt><BR><BR>
<tt><nowiki>|Copyright holder= REQUIRED FIELD. Replace this sentence with *exact* data about who holds the copyright.</nowiki></tt><BR><BR>
<tt><nowiki>|Notes= Add any notes a re-user might find useful.  Okay to leave blank.</nowiki></tt><BR><BR>
<tt><nowiki>|Other versions= Okay to leave blank.</nowiki></tt><BR>
<tt><nowiki>}}</nowiki></tt><BR>
</blockquote></blockquote></FONT>
 
==Copyrights==
[[Image:Publicdomaingraph.png|right|thumb|250px|Table of when works pass into the Public Domain in the United States.<BR><BR>
 
Footnotes:<BR>
<small><small>
1. Term of joint works is measured by life of the longest-lived author.<br>
2. Works for hire, anonymous and pseudonymous works also have this term. 17 U.S.C. § 302(c).<br>
3. Under the 1909 Act, works published without notice went into the public domain upon publication. Works published without notice between 1-1-78 and 3-1-89, effective date of the Berne Convention Implementation Act, retained copyright only if efforts to correct the accidental omission of notice was made within five years, such as by placing notice on unsold copies. 17 U.S.C. § 405. (Notes courtesy of Professor Tom Field, Franklin Pierce Law Center and Lolly Gasaway)</small></small> ]]
Citizendium's image policies are designed to respect copyrights, avoid images that are possibly misrepresented, and maximize ''libre'' (free)<ref>''Libre'' denotes ''free as in rights'', i.e., free of restrictions on re-use. ''Free'' denotes ''available without monetary cost''. ''Libre'' images would thus mean ''free from monetary cost'', ''and'' that people are free to ''re-use'' them in a wide variety of ways, with any limitations stipulated by an "[[Help:Images#Open_content_licenses|open content license]]."</ref> usage while not totally prohibiting non-libre images in case such are unavailable yet very important to an article.
 
To this end, make ''sure'' you have the right to put an image on a Citizendium page. In all cases, ''proof of an image's permission status lies solely with the uploader''.  All images lacking clear copyright data are subject to [[CZ:Article Deletion Policy|speedy deletion by constables acting on their own recognizance]]. In addition, Citizendium editors are instructed to withhold approval nomination from article's when their image status is unclear.
 
Basically, the current Citizendium policy on images can be summed up as:
 
*Strongly prefer ''libre'' media. Keep future CZ re-users in mind and try to craft articles ''as units'' that can be re-used ''as wholes''.
*Some apparently libre media is not. Authentic libre release of a whole work (e.g., a photo) requires a real name.
*You ''may'' but should ''try to avoid'' using copyrighted images by permission in CZ. Do this ''only'' after unavailability or clear inadequacy of libre media is evident. In this case, also ask for the permission to extend to re-users of CZ (it's at least worth a try and it ''does'' happen sometimes); otherwise, such images will probably not be usable by Citizendium re-users. 
*Totally avoid "fair use" media&mdash;at this point. Seek licensed release or permission instead. This rule ''might'' be relaxed some in the future.
*Document everything carefully&mdash;all license releases, all permissions, all image sources. See below for directions how.
*Problematic images are subject to deletion.
 
The following gives the above in more detail.
 
===Open content licenses===
:''Also see: [http://creativecommons.org/about/licenses/ Basic intro about Creative Commons licenses]''
 
Images with open content licenses are strongly preferred:
* [[Public domain]].
* Any [http://creativecommons.org/about/licenses/meet-the-licenses Creative Commons license], the freer the better.
 
''Note: The most preferred licenses are public domain, and Creative Commons Attribution-ShareAlike 3.0 Unported.'' '''The GFDL is by far ''the least preferred'' for images, since re-using ''one'' image requires printing its full two-page license.'''[http://notablog.notafish.com/index.php/2005/04/21/26-why-the-wikimedia-projects-should-not-use-gfdl-as-a-stand-alone-license-for-images]
 
If you own the image yourself (e.g., if you took the picture or drew the image), the Citizendium would be a great place to release it under any of the above licenses.  Once you decide upon one, you may [[Special:Upload|upload it]].  Just follow the directions at the upload page.
[[:Image:Grasshopper_%28Schistocerca_americana%29_on_fence_CC-by-nc-nd-3.0_by_Stephen_Ewen.JPG|Here is an example]] of a properly completed open content license upload.
 
===Images from Wikipedia, Wikimedia Commons, Flickr, Openphoto.net, etc.===
Whether or not you can use images from Wikipedia, Wikimedia Commons, and open content licensed images from sources such as Flickr, depends on whether they can pass ''a two-pronged test''.
 
# '''The image must be attributable to a real person going by his or her real name or an official entity.''' Images uploaded by persons using a pseudonym are ''not'' usable within Citizendium.  We must be able to locate the author of all media, and a real name is the minimum requirement for this.  This is the same standard reputable publications maintain.  You might be able to get the pseudonymous-named person to release the image under his or her real name, which responsible publishers all over the world have as a requirement for using photos.  If so, you need not link to the source where you found the image, just treat it as a new image and [[Help:Images#Documenting_free_content_releases_and_images_by_permission|document the release on the permission page]].
#'''The image must have clear licensing and, in the instance of non self-made photos, verifiable source data.''' Do not upload images that lack this.
 
If ''both'' prongs are met, you may upload the image to Citizendium along with proof of the author releasing it under the terms of his or her choice.  When you do, document this data on the image page and /or permissions page and include a link to the image source(s).
 
For insight into the rationale behind this policy, see [[Image_talk:MOS_6502.jpg|this image's talk page]].
 
===Documenting free content releases and images by permission===
You must post documentation when people release images under free content licenses (e.g., a Creative Commons license).  Of course, you should strongly rely on only free content media and request people to release their images under such licenses. 
 
However, when important photos are simply unavailable or cannot be reasonably created and released under free content licenses, you may use copyrighted images in Citizendium if you obtain written permission from the copyright holder and can prove this.  When requesting permissions, please request that the granter's permission extend to all re-users of Citizendium content.
 
Note: If documentation is not in English, please provide translation at the permission page, described below.
 
Note also: If the image is at a public website and the proof is documented there, copy it over AND include a link to the source page. However, this may only be done if the person's real name is displayed there and there is no doubt about who the image is authored by and what it is released under.
[[Image:CompanyLogo.png|right|thumb|You can use this image while you await written release to use a company logo. It may even help prompt such release!]]
 
For an image <nowiki>[[Image:Copyrighted_Picture_of_-_for_Citizendium.jpg]]</nowiki>, follow these steps:
 
#Create <nowiki>[[Image_talk:Copyrighted_Picture_of_-_for_Citizendium.jpg/Permission]]</nowiki> and paste in proof, being sure to first remove privacy details if appropriate (e.g., the personal phone number of a famous person).  Emails are acceptable, placed between <nowiki><pre></nowiki> and <nowiki></pre></nowiki> tags, which create a dotted box like you see below. Low-resolution imaged letters bearing the signature of the copyright holder are best (but not so low-resolution as to make the letter unreadable).  
#Place a link back to the image at the top of the permission page in the form <nowiki>[[Image:Copyrighted_Picture_of_-_for_Citizendium.jpg]]</nowiki>
#Sign the permission page with four tildes, <nowiki>~~~~</nowiki>.
#Immediately [mailto:constables@citizendium.org call a constable] to lock the page, placing "LOCK PAGE REQUEST" as the subject of your email.
 
Once you have created the permissions page, you then place data about the image's copyright/licensing at the image page, including a link to the permissions page in the form <nowiki>Used by [[Image_talk:Copyrighted_Picture_of_-_for_Citizendium.jpg/Permission|Permission]].</nowiki> Sign this as well.
 
Afterward, if the image is copyrighted and used by permission, place the image into the article in the form required or if none use:  
<pre>
<pre>
[[Copyrighted_Picture_of_-_for_Citizendium.jpg|thumb|225px|right|'''What the picture is of'''.
{{Image|Example.jpg|right|250px|Image Caption}}
Add image description here.<BR><small><small>Photo © by Place Name Here, used by
</pre>
[[Image_talk:Gilad_Atzmon_-_for_Citizendium.jpg/Permission|permission]].</small></small>]]
Note that a credit line will appear automatically if the image's credit subpage has been created (see link on the image's page).<br/>
</pre> 
The first parameter, <code>Example.jpg</code>, is the name of the image without the namespace. You must replace "Example.jpg" with the name of the image which you want to use.  The template will know to look in the "images" namespace.<br />
Adjust the size and placement of the image as appropriate. 
The second parameter is the image alignment&mdash;acceptable values are <code>left</code>, <code>right</code>, or <code>center</code> (US spelling only).<br />
 
The third is the image size&mdash;this can either be specified as a width, eg <code>250px</code>, or as the height and width of a box which the image should be constrained to, eg <code>100x250px</code>.<br />
;Properly documented examples:
The final parameter is the caption, which will be displayed below the image. This can be left blank if no caption is wanted.<br/>
 
Please do not include spaces on either side of the "pipe" character separating the fields as this will impair the functionality of the template. Spaces between words within fields are acceptable.
*An image someone released to a CZ contributor under the GFDL is at [[Image_talk:Gnome_screenshot/Permission]].
*An image properly uploaded from Wikimedia Commons is at [[:Image:Linus_torvalds.jpg]].
*A copyrighted image by permission documented by an image of a formal permissions release &mdash; see [[Infant_colic#Postulated_causes_and_associated_conditions|Infant colic, Postulated causes and associated conditions]] and follow the links to its image and permission pages. 
*A copyrighted image by permission documented by an email &mdash; see [[Gilad Atzmon]] and follow the links to its image and permission pages.
 
==="Fair use"===
For images you may wish to use under "fair use", it is much superior to instead seek release of the image under a free content license and document proof of this. If that fails, or is simply unrealistic, then you should seek permission from the copyright holder and document proof of it as described above.  Beyond this, ''please withhold uploading fair use images at this time''. The ''Citizendium'' is currently formulating its policy on fair use of images. Watch the [[CZ:Notice_Board|Notice Board]] for further announcements.
 
==Credit lines within articles==
:'''''Section is under debate'''''
[[Image:Open_Door_in_China.jpg|thumb|right|155px|Crediting images within articles is like providing an open door for providers to happily contribute their best to the project.{{photo|Brian Yap}}]]
Giving credit to real-named persons or entities in credit lines beneath images is an appropriate way to honor them as content providers and can serve as a very important incentive for high quality media contributions, usages without fees, and goodwill toward the project (see [http://duncandavidson.com/archives/564 this photographer's views] on the matter, for example).  Accordingly, and to provide this, as well as to provide a standardized and consistent look to all CZ articles and to facilitate ease of enforcement of this and other media policies concurrently, all images and other media appearing in Citizendium articles should be credited to the image provider ''within the image caption within the article'', with two occasional exceptions.  How to credit media providers within articles, and the exceptions when you should not, are described below.
 
===Crediting open content licensed media===
:''Note: the code and exact placement within image captions may change.''
When using photos licensed under open content licenses, use {{Tl|Photo}} with the syntax <code><nowiki>{{photo|Jane Doe}}</nowiki></code>. It displays as <small>Photo: Jane Doe</small>, as shown in the example to the right.  For other images, use {{Tl|Image}} with the syntax <code><nowiki>{{image|John Doe}}</nowiki></code>, which displays as <small>Image: John Doe</small>.
 
====Removal of credit lines for open content licensed media&mdash;how to opt out====
Some open content licenses (for example the Creative Commons family of licenses) give the author the right to request removal of credit. Such requests should be made to the constabulary (in the future to media-assets@citizendium.org) who will keep a record of such requests. The requests will naturally be respected by Citizendium.
 
===Crediting public domain media===
How to credit providers of Public Domain media within image boxes depends upon the specific instance of it; all should be credited, although not always to a named person. 
 
Images obtained from museums or other collections-holders, for example, should be credited to ''both'' the original author (unless unknown) and to the museum or other provider of the work.  Crediting ''original authors'' provides readers with very useful information, and crediting ''providers'' is frequently a ''terms of use'' requirement&mdash;or a fully proper courtesy, irregardless&mdash;plus it provides various incentives to providers that are very beneficial to Citizendium.<ref>Museums should not be viewed and accorded as ''adversaries'' but as ''partners'' with Citizendium in providing content to the public, so that ''formal'' partnerships will be more much more likely to develop.</ref>
 
Use {{Tl|PD-image|}} with the syntax <code><nowiki>{{PD-image|Acme Museum}}</nowiki></code>, which displays as <small>Acme Museum</small>. ''Note: the code and exact placement within image captions may change.''
 
However, there are two exceptions to crediting specifically the provider of an instance of public domain media within articles.
 
#Authors of recent images released into the Public Domain should be assumed to not want credit within articles, as that may be a principle reason why they released their work into the Public Domain.  Such media should be credited {{Tl|PD-image}} within the article's image box, but must still be credited to the author on the image description page.
#Instances of public domain media may sometimes have been acquired from a source that would lower the prestigiousness of CZ if credited within an image box within an article.  To avoid this perception, these too may be credited simply {{Tl|PD-image}} within the article's image box.  The source from which the image was acquired must irregardless be documented on the image description page.
 
Bear in mind that media by pseudonymous persons should still be avoided, barring unusual and rare circumstances.
 
===Crediting copyrighted or for-fee media provided without fee===
When a copyright holder or holder of a for-fee image permits Citizendium to use their image free of charge, the phrase ''Courtesy of'' should precede the normal credit. 
 
For further information on how to credit within articles media that is copyrighted and used by permission, see [[Help:Images#Documenting_free_content_releases_and_images_by_permission|Documenting images used by permission]].
 
For information on how to credit media used under a fair use (fair dealing) rationale, see [[CZ:Fair Use Policy, Media|Fair use policy, media]] (not yet operative).
 
===Crediting media uploaded by CZ contributors===
Citizendium contributors who upload their own photos should also be credited within the image caption, unless they opt out of this on the image's description page. Please keep [[CZ:Policy on Self-Promotion]] in mind when using your own photos&mdash;the choice of photos should be based upon quality and licensing alone, not upon the name of the photographer.  Given this, it is ''not'' considered self-promotion to credit your own images within articles.
 
===Alternate design plan===
Also see idea for [[User:Stephen_Ewen/Scratch_Pad5|Alternate design layout for credit lines]].
 
==Linking==
 
To link to an ''uploaded file'', e.g. So.gif, use <nowiki>[[Media:So.gif]]</nowiki> giving [[Media:So.gif]].  To link to the ''image description page'', use <nowiki>[[:Image:So.gif]]</nowiki>, giving [[:Image:So.gif]] (the first colon is not displayed).
 
[[Help:Piped link|Piped link]]s work as usual.
 
[[Help:Interwiki linking|Interwiki linking]] style gives a link to the image description page. For embedding (if possible, see below) and linking to the file itself, use external link style.
 
If [[Help:Interwiki linking#Interlanguage_link_.28software_feature.29|interlanguage links]] would be applicable, use a colon in front of the language code, e,g. <nowiki>[[:de:Bild:Europa-Pos.png]]</nowiki>, to avoid the link being put in the margin.
 
External link syntax is as usual. However, if you want a link to an image proper on a page of a project that allows embedded external images, use a bracketed link syntax and not just the URL, to prevent embedding.
 
For using an image as a link to another document, see [[Help:Navigational image]].
 
For users who allow '''non-image uploads''', e.g. office files, the keyword 'media' is misleading because office documents are not typically classed as media, in the context of audio/video etc. But it is the correct syntax to use when linking to a non-image file.  
 
===Embedding internal images===
 
"Internal" refers to both the same project and Commons. An image name is assumed to refer to the one in the same project if it exists there, otherwise to one on Commons.
 
Only images proper can be automatically presented, sound is not automatically played.
 
An embedded internal image automatically links to the [[help:image page|image page]], which shows the full image, or, depending on preferences, a reduced version with a link to the full version. The page also provides info about the image.
 
[[image:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]
To add the uploaded image to an article as a thumbnail, one can use <nowiki>[[Image:</nowiki> ''image name including extension'' |thumb|''caption''<nowiki>]]</nowiki> or
<nowiki>[[Image:</nowiki> ''image name including extension'' |thumb|''width in pixels'' px|''caption''<nowiki>]]</nowiki>.
 
The default thumbnail width can be set in the preferences, so typically it is better ''not'' to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120-300 that can be set in the preferences).
 
The caption can contain links. This format allows both size reduction and enlargement. Both the image itself and an icon link to the image page. The icon has the link title "Enlarge" in its hoverbox, even in cases where the image on the image page is smaller. Depending on preferences the image on the image page may be smaller than the thumbnail image, so a link may be convenient from the thumbnail straight to the image in actual size. E.g. <nowiki>[[image:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]</nowiki>{{-}}
 
[[image:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see [http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]]]
 
For more possibilities, see [[en:Wikipedia:Extended image syntax]]. Also, the source of existing pages with images are useful as examples. {{clr}}
 
===Image at the left===
 
'''<nowiki>[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:
 
[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]][[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  between the 3rd and 4th images. [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image.
{{clr}}
With '''<nowiki>[[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it.
 
[[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta''
 
===Image at the right===
 
'''<nowiki>[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.
 
[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  after the 1st image.[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}}
 
===Using full width again===
 
[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.
 
===Inline images===
Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"title"-attribute]] (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "image:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.
 
The size of the images can be reduced but they can not be enlarged.
 
Example (note the hoverbox too): "<nowiki>text [[image:Wikipedia minilogo.gif]] text [[image:Wikipedia minilogo.gif|</nowiki>'''5px'''<nowiki>|]] text [[image:Wikipedia minilogo.gif|</nowiki>'''100px'''<nowiki>|demo]] text</nowiki>" gives "text [[image:Wikipedia minilogo.gif]] text [[image:Wikipedia minilogo.gif|5px|]] text [[image:Wikipedia minilogo.gif|100px|demo]] text".
 
===Demo===
 
Below one can see the result of the three types of internal link style and external link style on this project. To test this in another project, copy the wikitext there. If applicable, check also the interlanguage links at the margin of the page. Note that some links go to the image description page, others just to the image itself.
 
*<nowiki>[[Image:Tile Hill train 550.jpg]]</nowiki>
[[Image:Tile Hill train 550.jpg]]
 
*<nowiki>[[:Image:Tile Hill train 550.jpg]]</nowiki>
[[:Image:Tile Hill train 550.jpg]]
 
*<nowiki>[[Media:Tile Hill train 550.jpg]]</nowiki>
[[Media:Tile Hill train 550.jpg]]
 
*external, with label: <nowiki>[http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg train]</nowiki>
[http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg train]
 
*external, footnote style: <nowiki>[http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg]</nowiki>
[http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg]
 
*external, just the URL: <nowiki>http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg</nowiki> http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg
 
==Navigational maps==
 
Navigational maps like  [http://www.sdu.nl/staatscourant/gemeentes/gemprovin.htm#ZH] have map areas linked to pages. The html with <area> tags can not be put in the wikitext. However, there are the following possibilities:
*One can divide an image in rectangles, like in these [[w:en:Template_talk:Game_of_Go_Position#No_comment_tags_needed|chess and go positions]], or superimpose an area with images (see above) and link each rectangle/image to the desired target by means of a redirect on the image page (provided that the target is internal).
 
'''See also:'''
*[[Help:Images_and_other_uploaded_files#Putting_text_in_an_image.2C_superimposing_images.2C_e.g._for_locator_maps|Superimposing links on an image]]
*[[w:en:Downtown Ottawa#Map|Map of Downtown Ottawa]], [[w:en:Wellington Street]].
===Alternatives===
 
Some attempts for other alternatives (note the hover boxes):
 
{|
|
| [[w:Leiden|o]]
|
|-
| [[w:The Hague|o]]
|
|-
|
| [[w:Rotterdam|o]]
|
|}
 
[[w:Ascii art|Ascii art]] map, with both the city outline and the label clickable:
 
    [[w:Leiden|x]]
    [[w:Leiden|xxx]] [[w:Leiden|Leiden]]
    [[w:Leiden|x]]
  [[w:The Hague|xx]]
[[w:The Hague|xxxx]] [[w:The Hague|The Hague]]
[[w:The Hague|xxx]]
        [[w:Rotterdam|xx]]
        [[w:Rotterdam|xxxxx]] [[w:Rotterdam|Rotterdam]]
        [[w:Rotterdam|xxxx]]
 
When external images can be embedded:
 
{|
|
| [[w:Leiden|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]]
|
|-
| [[w:The Hague|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]]
|
|-
|
| [[w:Rotterdam|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]]
|
|}
 
The html titles are "w: Leiden", etc., the alt attribute is "Tst.png". [[w:Opera (browser)|Opera]] shows the title in the hoverbox, and also the url, [[w:Internet Explorer|IE]] only shows the titles.
 
With labels:
 
{|
! width="15px"|
| [[w:Leiden|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Leiden]]
|
|-
! colspan="2" align="left" | [[w:The Hague|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png The Hague]]
|
|
|-
|
| [[w:Rotterdam|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Rotterdam]]
|
|}
 
See also [[m:Maps]], [[m:Maps' clickability]].
 
 
== Revision history of pages containing images ==
 
Pages in the stored [[Help:Page history|page history]] consist of wikitext with possible ''references'' to templates and images. When viewing an old version of a page, these refer to the current versions of the templates and images, if these still exist. Thus the former composite page is not reconstructed.
 
==Protection==
Images on [[MediaWiki:Bad image list]] can not be embedded, they appear as regular link to the image page. See e.g. [[w:en:MediaWiki:Bad image list]].
 
[[Help:Editing#Page_protection|Protection]] of an image page is automatically also protection of the image itself: i.e. a new image under the name of the existing image can only be uploaded by a sysop.
 
===Embedding external images===
 
External images cannot always be embedded; this depends on the settings of the project: it has been disabled on Meta and many Wikipedias, including the English and German, to prevent vandalism and "[[w:bandwidth theft|bandwidth theft]]" from other sites, but it is still allowed on some wikis, e.g. on the Dutch Wikipedia.
 
If enabled ($wgAllowExternalImages = true; in LocalSettings.php) on this project there is an image here, otherwise just a link to an image: http://en.wikipedia.org/upload/b/bc/Wiki.png<br>
 
The wiki markup text used for this image is simply the raw url of the image, ie <nowiki>http://en.wikipedia.org/upload/b/bc/Wiki.png</nowiki>. It can be shown in actual size only.
 
If necessary, download an image of a project and [[#Uploading|upload a copy into the Commons project]] (provided it's freely licensed and not used under fair use), you can then use it on all projects.
 
''The examples in what follows are intended for projects in which embedding is enabled''.
 
To use an image as a link to a specified page (either external URL or an internal wiki page) see [[Help:Navigational image|navigational image]].
 
If enabled, use unbracketed external link style, i.e. just the URL (of the image itself, not of the image description page), e.g. <nowiki>http://</nowiki>en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg. The URL can be found by checking with your browser the properties of the image when it is displayed on a webpage.
 
Conversely, to go to the image description page of an image referred to with external link style, put the URL in the address bar and replace "upload/''alphanumerics''/''alphanumerics''/" with "wiki/image:".
 
For inline images, put the url, preceded and followed by a space, in the text: a <nowiki>http://</nowiki>upload.wikimedia.org/wikipedia/commons/2/27/Tst.png b gives a http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png b
 
Without special formatting, inline images are positioned like this:
 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text http://en.wikipedia.org/upload/b/bc/Wiki.png text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 
==References==
<references />
 
==See also==
*[[Help:Image page]]
*[[CZ:Image use policy]]
*[[Help:Editing]].


==External links==
For example, the code <code><nowiki>{{Image|PepperThreeAmigosSerrano.jpg|right|250px|Example of image usage on ''Citizendium''}}</nowiki></code> results in the image to the right.
*[http://www.fractalus.com/info/png-jpeg.htm PNG, JPEG, and Fractals]
*[http://www.fileinfo.net/filetype/image Image File Types]
* [http://duncandavidson.com/archives/564 FSJ, Image Misuse, and Wikipedia]


[[Category:Media Assets Workgroup]]
{{Technical Help}}

Latest revision as of 05:40, 22 September 2013

This document covers image usage on Citizendium. It is a work in progress.

See also Revising Licenses for what to do if the license for an existing image has to be changed.

Uploading Images

Uploading images to Citizendium is a fairly simple process if the Upload Wizard is used. The instructions below give an overview of the process.

Step 1 — Prepare the image on your computer

Images should be uploaded at the highest resolution possible whilst keeping them below the 2MB size limit. Copies of the images will be automatically created on the server at the appropriate sizes for use in Citizendium articles.
At present, the only types of image that can be uploaded to Citizendium are PNG, GIF, JPG and JPEG. PNG should be used for diagrams, whilst JPEG should be used for photos etc. GIF should only be used for animated images.
SVG is a much better format for diagrams etc, but it is unfortunately not enabled on CZ at present.

Step 2 — Follow the instructions in the Upload Wizard

Go to the Upload Wizard by clicking on the "Upload File" link in the sidebar.
Follow the instructions to choose the type of licensing for the image which you are about to upload.

Step 3 — Fill in the upload form to upload the image

The last step of the Upload Wizard will take you to a form which must be completed.
The first two fields ask for the image to upload, which you must choose from your computer, and the name which the image should be given on Citizendium. Please choose a sensible, short, and descriptive name.
The rest of the form is for image information - the name of the author, the source, etc. Please enter all the information which you know.
Depending upon which options you chose in the Upload Wizard, you may have to make a choice of licences at the bottom of the form. In these cases guidance will be given at the top of the form, and a preview of each licence will be shown when it is selected.

Step 4 — Credit line and Permission documentation

Most images should have credit lines. On the image page, at the bottom of the list of image details, is a link which can be clicked to create a credit line for that image.
Images which are used by permission from the copyright holder must have this permission documented. If you chose the correct option in the Upload Wizard, a link will be shown on the image page just below the image itself which you should click to create the permission page.

Using Images

© Photo: Petréa Mitchell
Example of image usage on Citizendium

The code to add an image to a Citizendium article is very simple, and can be added to the page by clicking the image button in the toolbar above the edit box.
The code inserted will be as follows:

{{Image|Example.jpg|right|250px|Image Caption}}

Note that a credit line will appear automatically if the image's credit subpage has been created (see link on the image's page).
The first parameter, Example.jpg, is the name of the image without the namespace. You must replace "Example.jpg" with the name of the image which you want to use. The template will know to look in the "images" namespace.
The second parameter is the image alignment—acceptable values are left, right, or center (US spelling only).
The third is the image size—this can either be specified as a width, eg 250px, or as the height and width of a box which the image should be constrained to, eg 100x250px.
The final parameter is the caption, which will be displayed below the image. This can be left blank if no caption is wanted.
Please do not include spaces on either side of the "pipe" character separating the fields as this will impair the functionality of the template. Spaces between words within fields are acceptable.

For example, the code {{Image|PepperThreeAmigosSerrano.jpg|right|250px|Example of image usage on ''Citizendium''}} results in the image to the right.


Citizendium Technical Help
How to edit an article | Searching | Start article with subpages
The Article Checklist | Subpage template

|width=10% align=center style="background:#F5F5F5"|  |}