Uploading files to your website

You can upload image and text files for your online store to the Files page in your Shopify admin and easily insert them in product or collection descriptions, webpages, or blog posts:

Files page channels

Uploading files

You need to upload files to the Files page before you add them to blog posts, products, collections and webpages:

  1. Click Upload files.

  2. Select one or more files to upload. Each file needs to be smaller than 20 MB to upload to Shopify. Click Open.

Note

Shopify accepts .jpg, .png, and .gif file types for images. If you upload .svg files, then they will be converted to .png. The best file type for product images, pages, and blog posts is .jpg. The best file type for logos, borders, and trims is .png.

Uploading files to your root folder

You will not need to upload any file to the root folder of your site.

Instead, you can use the meta tag method to verify your website with a third-party service such as Google Search Console

Adding image files to your online store

After you upload an image file, you can add it to a product or collection description, webpage, or blog post in your online store. You can also upload an image directly from the Rich Text Editor on the details page for a product or collection, webpage, or blog post:

  1. In your Shopify admin, click the product, collection, webpage, or blog post where you want to add an image.

  2. In the Rich Text Editor, place your cursor at the location in the Content where you want the image to be displayed.

  3. Click Insert image:

    Add image 1
  4. Select the location of your image from the three available tabs:

    • Uploaded images are the images that you uploaded to the Files section of your Shopify admin.
    • Product images are the images that you added to a product when you created it.
    • Adding an image from a URL inserts an image from somewhere on the web to your online store. This image will load from another location every time and cause traffic on the original website. It is good etiquette to use this method only with permission from the website owner.
  5. Select your image.

  6. Click Insert image to place your image at the cursor location.

Moving and resizing an image in the Rich Text Editor

After you have inserted an image into a product or collection description, webpage, or blog, you can move it to another location in that element using the Rich Text Editor:

  1. In the Rich Text Editor, click the image.

  2. Click and drag the image to move the cursor to another location in the Content.

  3. Drop the image where you want it in the Content.

  4. Click and drag one of the corners to resize the image.

Editing an image in the Rich Text Editor

You can change the size and alignment of your image within the Rich Text Editor, or add alternate text or spacing:

  1. Double-click the image in the Rich Text Editor to open the Edit image dialog.

  2. Change the Image size by selecting a size option from the drop-down menu.

  3. Enter Image alt text to enter alternate text and improve your online store accessibility.

  4. Select left, center, or right Alignment.

  5. Add Spacing to the Top, Left, Right, or Bottom of your image by entering the number of pixels you want on each side.

  6. Click Edit image to save your changes.

Linking documents to your online store

You can add links to Word, PDF, and text files you have uploaded to Shopify, and make the files available for customers to download from a product or collection description, webpage, or blog post:

  1. Copy the URL for the file that you want to link.

  2. In your Shopify admin, click the specific product, collection, webpage, or blog post where you want to add a text file to open the Rich Text Editor.

  3. In the Rich Text Editor, enter or choose text to turn into a link for your customers to click. For example, you might link a sizing chart file to the text, "Click here to download our sizing chart."

  4. Click and drag the cursor to highlight the link text.

  5. Click Insert link on the Rich Text Editor toolbar to open a link details dialog:

    Insert pdf
  6. In the Link to field, paste the URL that you copied.

  7. Click Insert link on the dialog. In the Rich Text Editor, linked text will change to blue and will be underlined.

Note

The URL needs to begin with http://cdn.shopify.com/. If you see http://static.shopify.com, then replace it with http://cdn.shopify.com.

Managing files in your Shopify admin

You can sort and search for files that you have uploaded to Shopify.

Searching for a file

You can search for any file from the Files page. Besides searching for a filename, you can also search for files of a certain type, such as .jpg or .pdf. This is useful if, for example, you want to update all your product image files.

To search for a file or file type:

  1. In the Search bar, enter all or part of a file name, or enter the file extension that you're looking for (for example, .jpg or .pdf). Files that match the search are displayed in alphanumeric order.

  2. If you want to preserve the search results, then click Save this search.

Filtering your file list

You can filter files by size:

  1. Click the Filter files drop-down menu.

  2. Leave the first filter field unchanged, because MB is the only option. In the second and third filter fields, set:

    • greater than or less than
    • a size limit (lower or upper).
  3. Click Add filter.

    All the files that match your filter are displayed.

Changing the sort order of displayed files

By default, files are shown in descending order of creation, which means the most recently-created files are shown first, and the oldest last.

If you want to change this, then you can sort your files by alphabetical order or by size:

  1. In the file list, click File to sort the files in alphabetical order by name, from A to Z.

  2. Click Size to sort the files by size, from largest to smallest.

  3. If you want to reverse the sort order, then click File or Size again.

Editing files in Shopify

You can edit images directly in Shopify. If you need to make changes to a text file or document, then edit it using text editing software and then upload them again.

Edit uploaded image files

You can edit your uploaded images using the photo editor, available from your Files page:

  1. Click the name of the image you want to edit.

  2. Click Edit.

  3. Use the toolbar to make changes to your image. The the photo editor allows you to:

    • Crop: The crop tool allows you to cut out excess area of an image.
    • Resize: The resize tool allows you to enlarge or shrink an image. This tool is useful for making small adjustments to an images' size. This tool should not be used to create a significantly larger image.
    • Reorient: The reorient tool adjusts the orientation of the image.
    • Red eye: The remove red eye tool mutes the reddish tint in photos.
    • Blemish: The remove blemish tool can tone down the look of spots, wrinkles and other imperfections in a photo.
    • Saturate: The saturate tool is used to enhance colors in a photo.
    • Brightness: The brightness tool is used to make an image in the photo look like its radiating light.
    • Contrast: The contrast tool shows the difference between color and light in part of an image.
    • Draw: The draw tool allows you to draw on your image.
    • Text: The text tool allows you to add text to your image.
    • Whiten: The whiten tool allows you to lighten areas.
    • Effect: The effect tool adds a filter to the image.
  4. After you are done editing your image, click Save.

Deleting files

You can delete individual files from your Shopify admin, or delete more than one file at once.

Delete files one at a time

You can delete specific files from your Shopify admin:

  1. Locate the file you want to delete.

  2. Click the trash can icon next to the file URL.

  3. Click Delete.

Delete many files at once

To delete many files at once, click the Bulk actions button. Bulk actions let you do the same action to many files at once.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free