Uploading files to your website

You can upload, manage, and delete files from the Files page in Shopify.

There are a few reasons why you might upload files to Shopify:

  • You want to add an image in the content of a webpage, blog post, product page, or collection page.

  • You want to add an image or logo to customize your theme.

  • You want to make a file available for customers to download.

In most cases, it's easier to upload image files directly when you're adding content to a webpage, blog post, product page, or collection page. You can also upload images directly when you're customizing your theme.

After you upload an image, you can copy its URL from the Files page. If you want to make a file available for download, then you need to upload it on the Files page in Shopify and then add a link to it in page content or in your online store navigation.

File requirements and types

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.

Each file needs to be smaller than 20 MB to upload to Shopify.

Upload a file on the Files page

You can upload files to Shopify on the Files page.

If you want to make a file available for customers to download, then you need to upload it on the Files page in Shopify and then add a link to it in page content or in your online store navigation.

To upload a file to Shopify:

  1. Click Upload files.

  2. Select one or more files to upload. Click Open.

Upload an image file to your online store content

When you upload an image by using the rich text editor, it displays in the page content for a product or collection description, webpage, or blog post. For example, you could upload a logo for a particular vendor to a product description. When you upload an image by using the rich text editor, you can manage it on the Files page in Shopify.

You can also add a product image or an image file that you've already uploaded to the page content.

To upload an image into page content by using the rich text editor:

  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 a location in the content where you want the image to be displayed.

  3. Click Insert image:

    Add image 1
  4. Click Upload file.

  5. Select your image, and then select your image size.

  6. Optional: Add image alt text to help with SEO.

  7. Click Insert image to add your image into the content at the cursor location.

After you add an image into a product or collection description, webpage, or a blog, you can move it to another location in the content by using the rich text editor. You can also change the size, text wrapping, and alignment of an image, edit the image URL, or add or edit image alt text. Learn more about the rich text editor.

Search for a file

You can search for a 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.

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 save the search results, then click Save this search.

Filter your files by size

You can filter files by size:

  1. Click the Filter files drop-down menu.

  2. In the first drop-down, select MB.

  3. In the second and third filter fields, select greater than or less than, and then enter a value.

  4. Click Add filter to display all of the files that match the filter.

Change the sort order of the file list

By default, the most recently-created files are shown first, and the oldest last.

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

  1. Choose a sort option:

    • Click File to sort the files in alphabetical order by name, from A to Z.
    • Click Size to sort the files by size, from largest to smallest.
  2. If you want to reverse the sort order, then click File or Size again.

Editing files

You can edit images directly in Shopify by using the image editor. If you need to make changes to a document, then use document editing software and then upload the file again.

Delete a file

You can delete a file from your Shopify admin:

  1. Click the trash can beside the file that you want to delete.

  2. Click Delete to confirm.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free