Ask a question »

CCM - How to insert an image in the FAQ?

July 2015


CCM - How to insert an image in the FAQ?

Inserting screenshots can help to understand an explanation. Here's the process to improve the tips on CCM (FAQ)

Note:
  • your image have to be a .png, .jpg or .gif format.
  • It will be recorded in a PNG format, on CCM's servers.
  • By default, it will be inserted in the article aligned on the right and limited to a size of 500 pixels. This article explains how to modify these values.



Load an image

There are two methods to insert an image.
  • From your hard drive.
  • URL of an image file (stored online).

Image from your hard drive

In your article, click where you to insert your image.
Click on the button "Browse" to select your image, then click on the button "Load":
centre


That loads the image and automatically insert your image in the article


Image using the URL

In your article, click where you want to insert your image and follow the below format
Image: followed by the image's url, between brackets [ ] as shown in the below image
centre

It will be post in its original size.

You can limit the size by adding it between the pipe symbol "| |", at the end of the URL.
For example, if we want to limit it to 128px then it can be done as shown in the below image
centre

The pixel size is entered between a symbol called "Pipe". You can see the below image showing the Pipe key.
centre

You need to hold the "Shift" key and then press the above key on your keyboard for the pipe symbol.
Mostly you can find the "Pipe" key above the "Enter" key.

Alignment

By default, the image is right aligned (value |right| at the end of the balise):
  • To align it on the left, you have to replace the word right with left as shown below
  • To center it, as shown above replace it with the wordcentre

Make a link with your image

Images higher than 500 pixels will be automaticaly resized at 500 pixels.
To be able to view these images on their original format, you have to modify your links:

After loading your image, you have this:
[Image: http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right]

To make a link on your image:
  • copy the image's URL (from http to .png)
  • add the symbol [ at the beginning of the line (Alt Gr+5)
  • paste the URL after the symbol [, and delete the -s-,
  • Add one more ] at the end of the tag (Alt Gr+°).


To obtain :
[http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage.png [Image: http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right]]

Where to find images?

You may have noticed that most of tips are illustrated with images.
  • Be careful of using images you have rights or authors have given them.
  • The easiest way is to use images licensed CreativeCommons (cc), licence compatible with that one of en.ccm.
    • You just have to go on http://search.creativecommons.org/, Tab "Flickr" and to use keywords (for example «hard» or «harddrive» for images of hard disks, «USB»/«USB disk»,«Flashdisk» for USB keys, «lock» for images of locks, etc.).
    • You can also use http://www.compfight.com/, thinking to check the «Only Search Creative Commons».
For unlimited offline reading, you can download this article for free in PDF format:
Ccm-how-to-insert-an-image-in-the-faq.pdf

See also

In the same category

Kioskea - Insertar una imagen en un artículo
By Carlos-vialfa on September 9, 2008
Inserir uma imagem nas Dicas CCM
By ninha25 on April 4, 2010
Original article published by teutates. Translated by aquarelle. - Latest update by Jeff
This document entitled « CCM - How to insert an image in the FAQ? » from CCM (ccm.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.