Help:Images

Preparing your image

Editing tools

There are multiple programs out there that can help you accomplish this, each one has its own pros and cons.
You may want these ability being supported: select/mark with fixed size, transparency, "magic erase" and (for high level) layers.

Some options:

• Any Windows computer offers a variation of "Paint". This supports transparency, but no fixed select and no layers
• More advanced users may wish to use a program such as "GIMP"
• The costly professional solution is Photoshop Essentials
• There are a lot of options which fits between the complexity of GIMP/Photoshop and Paint. Check here
• PngOptimizer can reduce the file size of png images.

Getting a screenshot

The very first thing needed is a useable screenshot. There some thumb rules to get it right:

• For Screenshots of parts of the game world zoom in as far as possible for the task to get the highest resolution.
• Find an appropriate background (if possible) with a good contrast to the desired area.
  • Take screenshots of items/orbs in the Cannith Crafting Hall facing the door, which is completely white. There are also options for complete black background.
  • For screenshot of armor, helms, goggles and cloaks the login screen might be an option. Usually this has a good lightning.
• Also check these pages:
  • Screenshot
  • Part 1: Taking screenshots - Watch on YouTube!

Cropping, Resizing, and Compressing

Load your screenshot with your favorite image editor.

• Preferred description box images width is 420px. Most of our templates are optimized for that width. If the image has a different width expect scaling effects, the image may look worse, as the wiki's image re-size function is efficient, but not the best quality.
  • Do not crop the box's border. The border color is an informational detail that should be maintained. You should clip the wings of the border to get to 420px, but not the border itself.
• Focus Orbs appearances are not unique in most cases. Therefore a Focus Orb image should contain the orb only - this allows it to be used for multiple item pages.
• Preferred worn/action shots resolution: as-high-as possible. While the wiki will re-size the shot to 420px in the templates, users can click through to see the full resolution, and the more detail the better to help people determine if they like it or not. Though you should go for 420px wide as a minimum, and height shouldn't be too much higher than the width, as it will stretch the template.
• Most icons are 32x32px
• If the visible image is not rectangular use transparency for the invisible parts.
• Also check these pages:
  • Help:Images/using Photoshop
  • Part 2: Preparing, uploading, and using screenshots - Watch on YouTube!

Where do I upload my images?

Follow the instructions found here

Naming and limitations

• Please refer to our Naming policy
• The image name should match the above rules and (obviously) end with an appropriate lowercase extension (.jpg, .png, .gif).
• The wiki IS case sensitive, and files can only be "renamed" by certain editors, so it's important to be careful when typing in a file name.
• File names on the site do not need to match the name of the file you're actually uploading, so the easiest way to ensure you get it right is to link the file first before it exists on the wiki then click the red link and the upload prompt will automatically fill-in the correct file destination.
• Permitted file types: png, jpg, gif. Large file threshold: 300kB. Maximum file size: 2MB.
  • Most desired file type usage: .png for small images, .jpg for large ones.
• We occasionally ignore the 300kB recommendation; please don't do something crazy like a hot-linked 1.5M byte jpg for a simple shown weapon shot. (How to crop/compress images? see above!)
• No externally-hosted images.
  • Though for quick posts on talk pages they are permitted. All images outside talk pages should be uploaded to the wiki.

File Naming - Item Pages

• While not required to follow any one pattern, it would make updating and maintaining our item images a lot easier if we all follow one pattern:
  • Preferred pattern for description images should match the exact item name: Pagename.png.
    • e.g. Carnifex.png for the Carnifex Great Axe description image.
  • Preferred pattern for main worn/action shot of weapons/armor/cloak/helmet/goggles equipped should match the exact item name: Pagename shown.jpg.
    • e.g. Carnifex shown.jpg for the Carnifex Great Axe appearance image.

File Naming - Focus Orb images

• It is a wise assumption that any Focus Orb appearance has multiple uses. For that a library for general use has been created.
  • Before uploading any new Focus Orb image please check the library and use the matching image.
• Current naming for such Focus Orb images is "<Type> Generic <description>.png".
  • e.g. Necklace Generic Gold.png or Trinket Generic Bauble.png.
• If a new Focus Orb image is uploaded please add it to the appropriate category (See Focus Orb).
• If a Focus Orb image is unique (NPCs, hirelings... (hopefully)) preferred pattern should match the exact page name: Pagename orb.png. These images should be categorized too.

How to link images to the article

For a more thorough explanation refer to [[1]]. Always remember that not all options are supported by DDOwiki.

[[File:filename.extension|options|caption]]

where options can be zero or more of the following, separated by pipes (|):

• Format option: one of border and/or frameless, frame, thumb (or thumbnail);

  Controls how the rendered image is formatted and embedded in the rest of the page.

• Resizing option: one of
  • {width}px — Resizes the image to fit within the given maximum width in pixels, without restricting its height;
  • x{height}px — Resizes the image to fit within the given maximum height in pixels, without restricting its width;
  • {width}x{height}px — Resizes the image to fit within the given width and height in pixels;
  • upright — Resizes an image to fit within reasonable dimensions, according to user preferences (suitable for images whose height is larger than width).

  Note that the image will always retain its aspect ratio, and can only be reduced (not increased) in size unless it's in a scalable media type (bitmap images cannot be scaled up).

  The default maximum size depends on the format and the internal image dimensions (according to its media type).

• Horizontal alignment option: one of left, right, center, none;

  Controls the horizontal alignment (and inline/block or floating styles) of the image within a text (no default value).

• Vertical alignment option: one of baseline, sub, super, top, text-top, middle, bottom, text-bottom;

  Controls the vertical alignment of a non-floating inline image with the text before or after the image, and in the same block (the default vertical alignment is middle).

• Link option: one of
  • link={target} — Allows to change the target (to an arbitrary page title, or URL) of the generated link, available on the rendered image surface:
    • [[File:DDOwikiLogo v2.jpg|30px|link=https://ddowiki.com]] renders as (external link)
    • [[File:DDOwikiLogo v2.jpg|30px|link=Home]] renders as (internal link)
  • link= (with an empty value) — Displays an image without any available link:
    • [[File:DDOwikiLogo v2.jpg|30px|link=]] renders as

  !! Link does not work with thumb, thumbnail or frame. !!

• Other specific options:
  • alt={alternative text} — Defines the alternative text (maps to the HTML attribute alt="..." of the generated <image /> element) of an image that will be rendered if either the referenced image cannot be downloaded and embedded, or if the support media must use the alternative description text (e.g. when using a Braille reader or with accessibility options set by the user in its browser).
  • page={number} — Renders the specified page number (currently only applicable when showing a .djvu or .pdf file that we do not currently support).

The options can be given in any order. If the given options conflict each other, the latter is applied, except for the format options, where the options take the priority in the order of: frame; thumb (or thumbnail); frameless and/or border.

If a parameter does not match any of the other possibilities, it is assumed to be the caption text. Caption text shows below the image in thumb and frame formats, or as mouseover text in border, frameless formats or when the format is omitted. Caption text displayed in the thumb and frame formats may contain wiki links and other formatting. With the other options, wiki-formatting will not work though transclusion will.

If no caption text is supplied, a caption is automatically created showing the file name. To completely remove the caption, set it to <span title=""></span>. For example, [[File:DDOwikiLogo v2.jpg|30px|<span title=""></span>]] renders as .

[[:File:filename.extension]]

This will allow you to link to an image file without displaying the actual image. Example given → File:DDOwikiLogo v2.jpg

See Also

• DDO_wiki:FAQ
• Talk:How do I add images?
• Talk:How do I....? Images..
• Talk:Cant link image

• Talk:Using images from forums.ddo.com?
• ...