Skip to main content
Chemistry LibreTexts

2.3: Adding Figures, Videos, and Tables

  • Page ID
    148795
  • Do not do anything illegal or unethical in developing/harvesting content!

    It is important to understand that most images on the net are copyrighted and just like most "things" off the net, but are a lot easier to "steal".

    1. The first rule is that if a student cannot confirm that an image is allowed to be used, he/she must assume it is not and therefore not add it on the LibreTexts system. (e..g, clicking on an image on Wikipedia will give you an example).
    2. Almost all images on Wikipedia/Wikicommons/Wikiversity are allowed (typically most with an attribution required, although some are public domain and do not need it).
    3. If an image comes from a page that has "All rights reserved" students should move on. These are typically no go sites, although students can ask the owner for permission, if they want.
    4. As per US law, all images that are created by US agencies are public domain (e.g., NOAA, NASA, NSF, Commerce, USGS, etc). Attributions are appreciated though, just for ethical considerations.
    5. Dr. Larsen will watch the images put on the server to confirm no illegal material is added to the LibreTexts platform and express concerns when I see something funny.

    Adding Figures

    The Hard Way: Three steps to add non-copyrighted (e.g. public domain, creative commons, own photos, or figures made from scratch) images or pictures:

    • "Save" or "export" the figures into jpg, png, gif or some other graphics file depending on the program you are using to make the image.
    • Then "attach" the file using the lower right hand button on the page or under the "more" button.
    • Then "edit" the page with the edit button and "link" the file to your page with "insert/edit image" button.

    The easy way: Two steps to add non-copyrighted (e.g. public domain, creative commons, own photos, or figures made from scratch) images or pictures:

    • "Save" or "export" the figures into jpg, png, gif or some other graphics file depending on the program you are using to make the image.
    • Drag and drop the image from your desktop to your page (while editing).

    Additional factors to pay attention to regarding figures

    • NO BMP figures are allowed. They do not print well with the wiki. Use PNG, JPG, GIF figures instead.
    • Please CROP your figures to remove superfluous white space that makes reading your module awkward. The Microsoft Office Picture Editor will crop images and is free on MS operating systems.
    • ALL figures constructed for this project must have the original non-image files used uploaded to the LibreTexts, preferable in the module itself.

    Adding Videos

    Currently the best way to add videos is to link to YouTube videos.  Select "elements" in the toolbar and select "video". This gives you the option of linking to YouTube video. The video will appear as an integrated part of the page but will be streaming from YouTube. This is one of the few types of outside links that are encouraged. 

    Adding Tables

    Tables are adding by via the menu "Elements" in toolbar and selecting table. You can choose the number of rows and columns you need (can be changed later). This gives you an empty table structure that you can start to fill out. If you want to delete a row select an entry in the row you want to delete and click on the x that appears to the left. If you want to add a row above or below you can do that by clicking the  > that appears above or below the x respectively.  

     

    If you are copying a table from a website you will likely be able to copy the whose structure via a simple copy-paste. 

     

    Right click on the table and select table properties. Here you can choose if first row and/or column is headings and add a caption to the table. Allow table to be responsive, this ensures proper viewing on all types of viewing devices. 

    clipboard_e35c4df27cc13dd28e86e54b99b7c5382.png

    Figure \(\PageIndex{1}\): Table properties for Libretexts tables.

    Formatting Figures

    Double click on image (in edit mode) to open settings and make sure settings are set right:

    Figure \(\PageIndex{1}\): Image properties for Libretexts figures.How to Center Justify Figures?

     

    To center justify figure, click on the right side of the image (not the figure) and you can use the center justification for text off the normal editing toolbar.

    Figure \(\PageIndex{2}\): How to center justify figures

    Adding Captions

    To add a caption add a line under the figure formatted as 

     Figure \(\Pageindex{i}\): Captiontext 
    

    where \( i \) is the number of the figure on the page.  This automatically formats the caption in to the caption style you see on the figures on this page. Unfortunately, if you add another figure that requires renumbering the figures after it this still has to be done manually. 

     

    Figure captions

    The figure label should be formatted as shown for the figure above:

    • Center justified
    • "Figure" in bold followed by numbering with a page index command and a colon like this: Figure \(\PageIndex{1}\):
    • Manually enter the figure number in the \Pageindex command, "1" for the first figure of the page, "2" for the second, etc. 
    • The description of the figure is in italic.