We all know that a picture paints a thousand words, but how do you go about inserting an image into your COMMUNITY.LINUXMINT.COM document?

Lets use Tux (the official mascot of the Linux kernel) as an example.

Tux was created by Larry Ewing in 1996 and permission to use and/or modify this image is allowed provided you acknowledge Larry Ewing lewing@isc.tamu.edu and The GIMP (which I believe I have just done).

 

 

 

 

 

 

 

 

Instructions:

1). Make sure you have your COMMUNITY.LINUXMINT.COM document open in edit mode

2). Visit https://commons.wikimedia.org/wiki/File:Tux.png

3). Right-Click on the image of Tux and select Copy Image location from the drop down menu.

4). Go back to your COMMUNITY.LINUXMINT.COM document.

5). Position your cursor where you want the image of Tux to appear on your document.

6). Click on the Image button in the Icon Selection Table at the top of your COMMUNITY.LINUXMINT.COM  webpage (icon of house with red roof, on the left, four lines down, next to the Flash icon).

7). An Image Properties pop-up window will open up.

8). Position your cursor in the URL data entry box, then right click and select Paste from the drop down menu.    

9). https://upload.wikimedia.org/wikipedia/commons/a/af/Tux.png will appear in the URL data entry box.                          This is the URL for the Tux image, that you copied earlier from the Wikimedia website.

10). Click on any of the other Data Entry Boxes (e.g the Alternative Text data entry box) and immediately an image of Tux will appear in the Preview box.

11). At the same time, 265 will appear in the Width data entry box and 314 in the Height data entry box.

• We know the following information about the Tux image from the                                                            https://commons.wikimedia.org/wiki/File:Tux.png web page:

• Tux.png ‎(265 × 314 pixels, file size: 12 KB, MIME type: image/png)

• So the numbers in the Width and Height data entry boxes (265 x 314) obviously refers to the number of pixels wide, by the number of pixels high.

12). You can type Image of Tux into the Alternative Text data entry box, if you want (not required).

13). You will notice that the Align data entry box is not set. Click on the drop down arrow to the left of this data entry box and select Left if you want the Tux image to be aligned on the left hand side of the document.

14). Now all we have to do is click on the green Save button at the bottom of the Image Properties pop-up window and we should end up with an image of Tux in our COMMUNITY.LINUXMINT.COM tutorial.

15). If you decide that the image is too big (or too small), left click on Tux, go to one of the corners of the image and drag the image out to the size you desire.

16). Once you have made any final adjustments, click on the green Save this tutorial button (bottom left) to save all your edits.

 

Now go away, repeat the steps above and see if you can make Tux appear in one of your                                  COMMUNITY.LINUXMINT.COM documents. I guarantee it will bring a smile to your face the first time you succeed.

When you have finished, all you have to do is left click on the image of Tux (whilst in edit mode) and press  Delete on your keyboard to remove your entire image setup.

---------------------------------------------------------------------------------------------------------------------------------------------------------------

All very nice and pretty, but how do I do real work?
(Like inserting images of screenshots into my COMMUNITY.LINUXMINT.COM documents)

You will have to store your screendump images somewhere on the web, so that you can call up your image URL's directly from your COMMUNITY.LINUXMINT.COM documents (using the 16 Steps listed above).

There are a variety of options available for storing your screenshots images online, including the following:

• Store screenshots on your own website (if you have one).

• Store screenshot images on your Picasa account, using Shotwell to upload your images. As Google does not support Picasa on Linux, you will have to jump through some hoops to make this work.

• Store screenshot images on free online image storage website (such as http://im9.eu) but be aware that these websites are usually heavily utilised by amateur pornographers.

• Refer to HOWTO: Insert screenshots from Dropbox into COMMUNITY.LINUXMINT.COM documents                   for instructions on how to utilise Dropbox to host images for use on COMMUNITY.LINUXMINT.COM.

---------------------------------------------------------------------------------------------------------------------------------------------------------------

References:

• Taking screenshots of Software (by vipek from Poland):

• Fully functional Shotwell in Linux Mint (by jiijames from South Korea):

• Using Dropbox to Host Images on your Website (by Ryan M from San Francisco / USA

• BEGINNERS LEVEL: Insert screenshots from Dropbox into COMMUNITY.LINUXMINT.COM documents.