How do I upload images or files for my Big Cartel page content?
Filed in Creating and customising content
Your Big Cartel account does not include tools for uploading and inserting general (non-product) images or files for use within your page content.
The following no-cost options provide the tools to easily upload images and files to a separate location to use in your Big Cartel pages.
Image Editing Tool
To edit your images before uploading them, you will need an image editing tool such as:
- Preview or iPhoto for Apple
- Paint for Windows
- a professional level editing tool such as Photoshop
- or an online image editor
Not Sure How To Edit Images?
If you are not sure how to use your preferred image editing tool to resize and prepare your images, refer to the help resources provided by your tool or use Google - e.g. search "resize image with Photoshop tutorial" - to find online tutorials.
If following our support articles and reviewing online tutorials is still not allowing you to achieve the results you desire, consider using a photo editing service to prepare your images. These services can be easily located online - Google "photo editing service" - and can be relatively inexpensive when you consider how important image quality is to the appearance of your shop.
Before uploading images it is important to first ensure that they are formatted correctly for upload by reviewing the following items and using your image editing tool to correct the images as required.
- Ensure your image type is appropriate for upload. Your image must be in the file format .png, .jpg, .jpeg or .gif.
- Size your images correctly. Your image dimensions should not be any greater than 1000px wide and 1000px high, and should generally be well under these limits if they are to be inserted into page content. If you wish to create full-width images refer to What is the size of my header area? or What is the width of my content area? where relevant.
- Ensure your image data size is appropriate for upload. Most editing tools will allow you to optimise the size of your image, e.g. PhotoShop’s File > Save for Web & Devices… menu item.
- Ensure your image is saved in RGB colour mode and not CMYK. CMYK colour mode is not web safe.
If you are uploading images for a slide show, you must also review the following items:
- Ensure ALL OF YOUR IMAGES ARE IDENTICALLY SIZED. i.e. the width of every image is the same fixed value X and the height of every image is the same fixed value Y. Note that the width of your images will equal the width of your slide show.
- Keep the number of slide images and their collective file size to a minimum. The higher these values, the longer your slide show will take to load and the less likely the average visitor will remain on your page to view any of your slides. Higher values may also cause your slide show not to work on lower memory devices (e.g. mobile devices). Keeping the total of file sizes under 1000kB is ideal, (e.g. 8 images at 200kB each = 1600kB = 1.6MB = higher than recommended). See the next section Minimise Image Data Size for more details on reducing image data size.
Minimise Image Data Size
Keeping your image data sizes as small as possible helps improve page load times which in turn reduces the risk of visitors abandoning your page and/or site and can even improve your SEO. A slow loading home page, for example, can easily lose a potential customer before they have even seen your product or content.
With this in mind, try to keep the number of images on any given page to a minimum (where practical).
Upload Your Images
Once you have prepared your images, you will need to upload them to a publicly accessible location on the internet using one of the following options (note that this does not apply to header, background and product images, as these are uploaded via you Big Cartel admin area as explained in the relevant support articles).
If you have your own web hosting space, you can use that instead of the following options.
Imgur is the quickest and easiest way to upload an image for use in your web page.
- Navigate to the the Imgur web site.
- Click the upload images button at the top of the page.
- Use the options provided to upload your images.
- Click the Start Upload button.
- When the upload is complete, copy and save the URL provided in the Direct Link (email & IM) field – this is your public URL.
- If you uploaded more than one image, you can use the Prev and Next at the top left to navigate through your images and copy each URL.
Here is an example of what a copied image URL should look like:
Note, if you need a secure link (to use in your PayPal payment page for example), you can change the
https as follows:
Dropbox is a more advanced tool for file sharing and can be used for images as well as other file types. We recommend the use of Dropbox for anyone that wishes to share files publicly and privately as well as access their files from multiple locations and devices.
- If you don’t already have a Dropbox account, create one at the Dropbox web site.
- Log in to your Dropbox account.
- Choose the folder you wish to store your files in and click on it, or create a new one by clicking the add New Folder icon at the top of the page.
- With your folder open, click the Upload icon at the top of the page, or drag and drop your files on the page, to upload your files.
- Once upload is complete, click near the date / time in line with the file you wish to use on your web page so that it becomes highlighted and then click the Share link.
- Use the Set visibility in the popup window to ensure that Anyone can view your file.
- Copy and save the complete Link to file provided
- Edit this link as detailed below to get your public URL
Here is an example of what a copied Dropbox Link to file should look like:
If you simply want to link to your file for others to view and download — e.g. linking to a PDF — you can use this link as is.
If you need a public URL for an image to be used in HTML or shortcodes (like a slideshow), you must alter the link as follows.
- Remove the
?and everything after, e.g.
With our example, this gives us:
Note: If you intend to use your Dropbox frequently for uploading and sharing files, we recommend that you install the Dropbox application on your computer to make file upload even quicker and easier. In this case, you can right click files in your local Dropbox folder to obtain the public link.
Check Your Public Image URL
Once you have uploaded your images, you should have public URL’s for your image files, for example:
It is important that you are using only the URL (i.e. the direct address / location like the one shown above) for your images and that they are public (i.e. available from anyone’s web browser), as this is what our support articles expect as a starting point.
The following checkpoints will help you confirm that you have public image URL’s.
1. View your image
When you load your public URL’s in your web browser they should show a single raw image. For example (click the following link):
2. Don’t copy HTML tags – just the URL
Our support articles and shortcode require that you begin with only your image URL and not a complete image tag. For example, the following are INCORRECT
<img src="http://i.imgur.com/Wm8sqbJ.jpg" alt="" /> or <a href="http://mysite.com"><img src="http://i.imgur.com/Wm8sqbJ.jpg" alt="" /></a>
3. Your URL must link to the raw image not an image page
Links to image pages, e.g. a Flickr image page, or image slide show code, will not work. For example, the following is INCORRECT
4. Your URL must start with ‘http’
Public URL’s always start with http as in our example:
If your URL starts with anything else it is incorrect. For example, the following local computer file starts with file and is INCORRECT
5. Check your file extension
A good indicator of an appropriate direct image URL is that it ends with a valid image file extension – i.e. “.jpg”, “.png” and “.jpeg” – as with our example: