Images

Websites are a highly visual medium, so images are arguably the first thing that visitors will notice when they discover your article. Not only do they capture a reader’s attention, but images also play a crucial role in communicating your message quickly.

CORE enables you to quickly add images to your articles, enhancing your content and creating a great visual experience for your readers. Continue reading to learn more about the following:

• Uploading an image
• Image collections
• Adding images to an existing gallery
• Reusing previously uploaded images

Use these guidelines when uploading a new image to your article:

• Accepted file formats: .jpg, .jpeg, .png or .gif only
• Avoid using transparent .png files and animated .gif files.
• Recommended file size: Less than 500 KB
• Max file size: 20 MB

In order to add images, you need to first create an article. We recommend reviewing this guide if you are new to CORE.

To upload an image to your article:

1. In the body of your article, go to a new line and click the in the WYSIWYG Toolbar.
2. From the Add Image lightbox, there are two options for uploading a new image(s).

OPTION 1 - Drag and Drop
• Select your new image(s) from your computer.
• Drag and drop the files on top of the Image Upload box. The box will highlight blue, indicating where image(s) can be released.
OPTION 2 - Browse Computer
• Click anywhere within the Image Upload box to display the Open dialog box.
• Browse and select an image from your computer.
• You can select multiple images by holding down the Ctrl key (or command ⌘ key on Mac) and clicking the other images that you want to upload.
• Click Open to close the dialog box.
3. A loading bar will appear to show the image upload progress. This loader will be replaced with a thumbnail of your image once it has successfully uploaded.
4. Click the on your image thumbnail to open the Image Editor.
5. Edit the photo title, caption, and credit, or adjust the photo crop.
6. Click Save to close the Image Editor and return to your collection.
7. You can add or edit additional photos, as well as rearrange their order.
8. Click Insert to close the lightbox and place your image(s) in the article.

Your image(s) are now displayed within the body of your article.

TIP: To avoid unexpected layout changes, double check the placement of your cursor before you click the icon. If your cursor is positioned in the middle of a paragraph, your text will be split into two separate paragraphs with a collection of images in the middle. We recommend that you always position your cursor on a new line when adding media, including images, videos, or documents.

The upload process outlined in the above section is the same whether you upload a single image or multiple photographs to create an image gallery. You’ll notice a difference, however, once the images appear within the body of your article.

When you upload image(s), you create a new image collection. Think of this collection simply as a container that consolidates your images into small thumbnails, making them easier to manage. You can place multiple collections throughout your article and move images between them to create a custom visual experience. Each collection, regardless of the number of thumbnails in it, contains a toolbar that allows you to edit or delete the images.

Keep in mind your images will not appear as thumbnails when your article is released to www.army.mil. An image collection that contains a single image will automatically enlarge to fit the full width of your article text.

An image gallery, on the other hand, offers more layout options since there are multiple images within the collection. To learn how to display images in a slideshow or grid format, visit Change image gallery layout.

To upload an image to an existing collection:

1. From your article, click on the image collection you want to edit. A toolbar will appear to the left side of your selected collection.
2. Click the in the toolbar to open the Edit Images lightbox.
3. Within the lightbox, you will see thumbnails of your entire image collection followed by a smaller Upload Image box. Click on the icon and select an image from your computer, or drag and drop the new image(s) on top of the box.
4. A loading bar will appear at the end of your image collection, indicating the upload progress. This loader will be replaced with a thumbnail of your image once it has successfully uploaded.
5. Make any edits to the image details, photo crop or image order, as necessary.
6. Click Insert to close the lightbox and place your image(s) in the article.

All uploaded images are automatically saved to your article. This means if you remove an image from your article, it is not permanently deleted from CORE. These existing image can be added to any image gallery in your article without needing to go through the upload process again.

Similar to uploading a new image, there are two options for adding a previously uploaded image to your article.

OPTION 1 - Add to a new collection within your article:

1. In the body of your article, go to a new line and click the in the WYSIWYG Toolbar.
2. From the Add Image lightbox, click Show Previous Uploads.
3. Hover over the image you want to add. A white icon will appear.
4. Click the icon to move the image into a new gallery.
5. Click Insert to close the lightbox and place your image in the article.

OPTION 2 - Add to an existing collection:

1. From your article, click on the image collection you want to edit. A toolbar will appear to the left side of your selected image collection.
2. Click the in the toolbar to open the Edit Images lightbox.
3. From the lightbox, click Show Previous Uploads.
4. Hover over the image that you want to add.
5. Click the icon to move the image into your gallery.
6. The image will appear at the end of your gallery. You can rearrange the order, if needed.
7. Click Update to close the lightbox and place your images in the article.

To learn more about using images within your article, we recommend reviewing these guides:

• Edit images
• Change image gallery layout
• Move images
• Delete image or gallery
• Featured photo
• Tips for formatting images

Frequently Asked Questions