Images & files

All of the images and files you upload to Quickstart are listed in the Content section of your admin panel under Files. On that page, files can be added, archived, and deleted quickly. You can add them to pages or blocks later, if desired. This page is also a great way for you to find where certain files are being used. That will help you understand the impact of deleting or modifying a file that is currently in use.

You can upload audio, video, image, and document file types.

How to Add Images to a Page

For most paragraph items (also called content chunks), you can insert an image directly into the area using the text editor. Below are some commonly used paragraph items and how to insert images in them.

HTML Fields, Text Areas, Full Width Background Wrappers, Wells, Single Cards, and Panels

After you've added the item, click the F button in the text editor. It looks like this: 

Then, follow the on-screen prompts to either upload a new image, use an image from the web via its URL, or select a previously uploaded image from the library.

Card Decks, Images with Captions, Marquees, and Full Width Media Rows 

These special paragraph items have a separate field you will use to insert media (photo, video or either/or, depending on the item).

Click the Browse button and then follow the on-screen prompts to either upload a new image, use an image from the web via its URL, or select a previously uploaded image from the library.

Things to keep in mind regarding files and images

Server space

Files take space on your server, and under most circumstances, your server space is not unlimited. Take advantage of alternatives such as embedding videos and audio files rather than uploading them.

Page loading time

Large files that are on your site can slow down the time it takes to load a page. By default, Quickstart resizes images and takes some additional measures to speed up the time it takes to load pages. However, try to delete files that are not in use, and don't add more images, video, or audio files than are necessary.

Reusing Files

When possible, reuse files by uploading them via the Files tab and then using the Media upload option to use them in your pages. However, be careful when deleting files by making sure you have accounted for all of the places that file may be used. Note that when you reuse a file in multiple places, the alt, title, file name, caption, and image credit are also reused.

Mobile and Desktop Image Cropping

For marquees and full width images, you should crop the images for best display on large and small screens (desktop and mobile, respectively).

After uploading/adding an image to a marquee or full width media row, you will see two copies of the image, one labeled Full-width large and the other labeled Full-width extra small.

Click the images to open the crop tool. Drag your mouse across the image to select the crop, and then Save.

Recommendation: For mobile displays, we recommend crops that are Portrait (taller than they are wide) or Square, as shown in the image below.