| Latest revision |
Your text |
| Line 2: |
Line 2: |
|
| |
|
| == Steps to create images == | | == Steps to create images == |
| [[File:image_arrow.png|thumb|right|50px|An arrow.]]
| | |
| Steps to create images: | | Steps to create images: |
| *Switch display to 800x600 | | *Switch display to 800x600 |
| Line 9: |
Line 9: |
| *Open screen shot images in Photoshop | | *Open screen shot images in Photoshop |
| *Crop excess from top and bottom | | *Crop excess from top and bottom |
| *Add arrows and numbers as needed (here is the arrow for future use) | | *Add arrows and numbers as needed (here is the arrow for future use)[[File:image_arrow.png|thumb|right|50px|An arrow.]] |
| *Resize image to 72dpi, 550 pixels wide with proportions constrained. | | *Resize image to 72dpi, 550 pixels wide with proportions constrained. |
| *Save images as jpeg at highest quality | | *Save images as jpeg at highest quality |
| --[[User:Maccabee|Maccabee]] 15:46, 14 February 2011 (PST) | | --[[User:Maccabee|Maccabee]] 15:46, 14 February 2011 (PST) |
| :Comments on images:
| |
| :*Screen shots work better as PNG{{w|Portable Network Graphics}} than JPEG.{{w|JPEG}} PNG efficiently compresses large areas of solid color which are typical in screenshots, and losslessly encodes sharp boundaries without artifacts. JPEG works better for photographs which have continuous color gradations. See [[wikipedia:Portable Network Graphics#Comparison to JPEG]].
| |
| :*Because PNG screenshots typically have small file sizes, upload them at full resolution, and thumbnail them on the tutorial page (see the above example where I thumbnailed your arrow image). See [[wikipedia:Help:Files]] and [[wikipedia:Wikipedia:Extended image syntax]]. This has several benefits:
| |
| :** Images can float to the right, so they don't break up the flow of text on the left.
| |
| :** The page displays a smaller image, which the user can click on to view at full resolution.
| |
| :** You can caption each image.
| |
| :*An image page needs proper licensing, attribution, and categorization. [[:File:image_arrow.png]] lacks all of these at the moment. [[:Category:Icons]] looks suitable. Add the {{Tl|Information}} template to the image page. Examine the [[Special:WhatLinksHere/Template:Information]] (i.e., the backlinks) for usage examples ([[:File:Signature button.png]], etc.). I believe I am the only Appropedia user who has used the {{Tl|Information}} template so far, since I only recently ported it to Appropedia. Images need these details to show that we comply with copyright law, and to clearly indicates conditions for their re-use by others (how we give back to the open source community for all the free content by other people we have used). For (much) more detail see [[Commons:Commons:First steps]] and [[Commons:Commons:Licensing]]. There are over 12,000 images on Appropedia, and most of them do not have complete information. Fixing all of them will be a fun job. --[[User:Teratornis|Teratornis]] 20:12, 14 February 2011 (PST)
| |
|
| |
|
| == Notes == | | == Notes == |
