x

Adding Images

Edit Page    Last Edit: 4 months 10 days ago

Images: Adding & Formatting

Adding images to a wiki guide is simple. While in the edit view of a page, you'll see a media library in the right column in the Rich Text editor (not the mark-up editor). The "Upload" button allows you to choose up to five image files at a time and upload them into the media library.

Once an image is uploaded into the media library, it can be placed into the rich text editor by simply clicking on the image thumbnail in the library. The image will appear where you last left your mouse cursor, allowing you to precisely position images within a body of text - the different squares will embed the image as full width or half-width of the page.

Additional Properties

If you'd like to change the size of the image, double-click on the image inside your rich text editor. A pop-up menu allows you to manually adjust the width of the image, as well as the image alignment.

Single Image

A single image may be inserted to fit the full width of the wiki column. The wiki column has a width of 468 pixels. To mime the appearance of older IGN guides, you may manually adjust embedded images to 468 pixels wide using this setting:

[[Image:IMG_NAME_1.jpg|center|468px]]

Double Images

Use this code for neat, double pairs of images on a page:

[[Image:IMG_NAME_1.jpg|thumb|none]]
[[Image:IMG_NAME_2.jpg|thumb|none]]

Triple Images

Sometimes you may opt to use three images in a row to detail step-by-step processes. Please use this width/code for placing three images on the same line in our wiki:

[[Image:IMG_NAME_1.jpg|thumb|none|150px]] [[Image:IMG_NAME_2.jpg|thumb|none|150px]] [[Image:IMG_NAME_3.jpg|thumb|none|150px]]

Anything more than this, and we would recommend using videos to illustrate your instructions or solution.

What Links Here

Main Page | Using Images, Video & Media



From Around The Web
blog comments powered by Disqus
Download PDF

Top Wiki Contributors

Sng-ign
Edits: 990
See All Top Contributors »
Wiki Help

Need assistance with editing this wiki?
Check out these resources:
http://www.ign.com/wikis/how-to/Adding_Images
www.ign.com
crawl=CC-MAIN-2015-14
64886
application/http; msgtype=response
sha1:DVS7APWNC77B3G4X267JJHC3K23V6LPB
<urn:uuid:753eac1d-df39-4616-bde9-cee3e1868964>
2015-04-01T21:17:02Z
23.0.160.57
sha1:YFRS5P5IMHV7HC6V24PSC7TFQ3HSFDUB
<urn:uuid:11030c0a-a13d-4068-9d98-f13385a92a7a>
http://www.ign.com/wikis/how-to/Adding_Images
response
<urn:uuid:771f1888-6eee-48d2-95e5-5fa36d5a60a5>
robots: classic
hostname: ip-10-168-14-71.ec2.internal
software: Nutch 1.6 (CC)/CC WarcExport 1.0
isPartOf: CC-MAIN-2015-14
operator: CommonCrawl Admin
description: Wide crawl of the web with URLs provided by Blekko for March 2015
publisher: CommonCrawl
format: WARC File Format 1.0
conformsTo: http://bibnum.bnf.fr/WARC/WARC_ISO_28500_version1_latestdraft.pdf