How to Upload an Image for Your Theme

There are basically four means, some or more difficult, but all atomic number 82 to the same result. Having thecustom URL of your uploaded image/file, which ishosted by Shopify (i.e., cdn.shopify.com domain), and so that you tin can share it or use information technology in your emails.

The main benefit of having the file hosted on the Shopify CDN is the global network coverage allowing visitors fast download no matter where they are located. And, of course, it's free (part of your Shopify plan subscription).

Method #one – Upload Image or File via Shopify Files

This is probably the near straightforward approach using a section called Files in your Shopify admin. It's available for all Shopify plans including the Basic one. The claiming is that the section is actually "hidden" as part of the store settings.

1. Get to your store admin and navigate toSettings
2. In the left menu, selectFiles
3. Click on the green buttonUpload files and choose your file to upload
4. One time the file is uploaded and processed, you can meet it in the list. To go the direct link, simply click on the "link" icon

If you are on a paid Shopify plan, you can upload whatever files except the HTML files. Themaximum file size is 20 MBs, and the resolution of xx MPx (megapixels).

Uploading has certain limitations if y'all are on a trial plan, and but the following file extensions are supported due to security reasons.

• JS
• CSS
• GIF
• JPG
• PNG
• JSON
• CSV
• PDF (only after email validation)

Method #2 – Upload Image (not File) via Shopify Theme Editor

If you lot don't desire to use the upload via Files (or you lot don't have admission to them), you can use a theme editor.

1. Go to your store admin and navigate toOnline Store >Themes
2. Click onCustomize for any of your themes (doesn't need to be the live one)
3. Click onAdd section and select whatsoever element which has an image. Alternatively, y'all tin discover an existing chemical element on your shop and change the image by uploading a new 1
4. In one case you upload the image, correct-click on information technology and open it in a new tab to become the URL. The URL will be very likely a cropped version and volition await like thishttps://cdn.shopify.com/south/files/ane/0463/8775/7221/files/shopify_256x256_crop_center.png?v=1637539155, and so you just need to delete the "_256x256_crop_center" and there's your link
5. One time done, don't forget to delete the new section or close the theme editor without saving it. The uploaded image will remain in your store

Obviously, the large disadvantage is that you lot can only upload an prototype file format (i.e., GIF, JPG, or PNG).

Method #3 – Upload Image (not File) via Rich Text Editor

The 3rd method is similar to the second one and besides allows you to upload images just. You basically demand to find any rich text editor within your Shopify admin then yous tin upload a custom prototype.

The rich editor tin can exist found, for case, in the production description or weblog posts.

1. Go to your store admin and navigate toProducts
2. Inside theClarification tab, click on the image icon and upload your custom prototype
3. Insert the uploaded epitome into the product description and make certain to select the original size
4. Righ-click on the inserted paradigm and select "Open Image in New Tab" to call back the unique URL
5. Shut the production edits without saving (the prototype will even so be uploaded)

Method #iv – Upload Paradigm or File via Shopify Metafields

Shopify metafields (a.k.a. custom fields) have been in the system for some time, but in July 2021, they were introduced equally part of the admin, including a unproblematic UI editor.

They allow you to extend your shop (products, collections, customers) with custom fields. 1 of the field types is a file, which will enable you lot to upload whatever custom file to your shop.

1. Go to your shop admin and navigate toSettings > Metafields
2. SelectProducts from the overview and click onAdd together definition
3. Enter the name and description of your metafield, and click onSelect content type >File. Change the file options from images simply toAccepts all file types, and save the metafield
4. Go back to shop admin and navigate toProducts, and select any production
5. Scroll down to theMetafields section and upload a custom file

Conclusion – Which Method is the Best One?

As you can run across, each method is very different, only we definitely recommend the first one –uploading custom files via the file section in settings.

Information technology's the most straightforward one, allows you to upload both files and images and hands retrieve their direct links.

Other methods work too, but they are rather workarounds.

moralesbove1969.blogspot.com

Source: https://www.digismoothie.com/blog/shopify-upload-image-file