Help talk:Add image tutorial: Difference between revisions

Template:Talk header

Steps to create images

Steps to create images:

• Switch display to 800x600
• Make browser window full screen
• Take screen shots
• Open screen shot images in Photoshop
• Crop excess from top and bottom
• Add arrows and numbers as needed (here is the arrow for future use)
• Resize image to 72dpi, 550 pixels wide with proportions constrained.
• Save images as jpeg at highest quality

--Maccabee 15:46, 14 February 2011 (PST)

Comments on images:

• Screen shots work better as PNG^W than JPEG.^W 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 {{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 {{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. --Teratornis 20:12, 14 February 2011 (PST)

Notes

As per the Valentine's meeting, please:

1. link to Help:Images
2. change breaks to {{Break clear}}
3. get new image (end recursion)
4. fix double vision
5. tell them to use caption when embedding an image
6. select Creative Commons Attribution-ShareAlike for image
7. add comment about how this could be used for non-user page images as well
8. add caveat at bottom of page (maybe using footnotes) that mentions that the images in the tutorial are added without thumb or frame... blah blah something.

--Lonny 20:03, 14 February 2011 (PST)