[Shopify]ストアで使用する画像や動画ファイルサイズ上限とその突破方法

[Shopify]ストアで使用する画像や動画ファイルサイズ上限とその突破方法

In this article, we will discuss the capacity limit for uploading images and videos to Shopify and how to solve the problem.

When building a Shopify store, it is rare to encounter a situation where you want to use a very large file in your store. If you try to upload the file from the Shopify file manager, you will get an error message saying that the size of the file has exceeded the limit. This can be a problem.

Here are some possible solutions to this problem!

File size limit in Shopify

First of all There is a limit to the size of files that can be uploaded to Shopify (1).

File Size 20 MB maximum
Resolution 20 mega pixel maximum

If you exceed this limit, an error will occur and you will not be able to upload your file to Shopify.

Most images can be uploaded without problems, but videos, heavy files, and images taken with a high pixel camera may get stuck.

For your information, the following types of files can be uploaded to Shopify

  • GIF
  • JPG
  • PNG
  • PDF

You can upload any file other than HTML files, including the following types of files (Restrictions apply during the trial period.)

Of these, this time we focused on images and videos to find a solution!

How to solve the problem when the file size used by Shopify is maxed out.

So you tried to upload a file to Shopify, but it was too large to upload!

We will look at what solutions are available when this happens.

Specific solutions include

  • Compress images
  • Resize the image
  • Embed videos using an external service

These are some of the possible ways to get the job done! Let's take a look at each of these as soon as possible.

Compressing Images to Reduce File Size

The first thing you want to do is compress the images so that they don't get stuck in the 20MB limit!

I often use the following compression service.

squash 画像圧縮サービス

https://squoosh.app/

I really recommend uploading the images here and making adjustments, which can reduce the size by 70% while maintaining a certain level of image quality!

Download the image again after adjusting the image quality to be under 20 MB. Then upload them to Shopify again and there should be no errors.

Resize the image to accommodate the image size so that there are no errors.

Next, this is for those who have set the image size to 20 MB and still get the error.

Shopify has a 20MB image size limit as well as a resolution limit.

If you are such a person... Try "Resize" using the Squoosh service mentioned above! Adjusting the size of the image with Resize will solve the error.

Videos are not uploaded by using an external service to embed them.

The last case is when a video exceeds 20 MB. In most cases, you will get an error when you try to upload a video to Shopify because it is oversized.

Videos are very large.

In that case, you can upload your video to YouTube, Vimeo, or any other video posting service! The most practical solution is to embed it in the Shopify site.

Image and Video File Size Limits for [Shopify] Stores and How to Break Them Conclusion

That's it for the file upload limit in Shopify and how to solve it! I would be happy if any of these methods could avoid the error.

Videos and images can be quite large when taken with modern, expensive cameras, so there may be many situations where an error occurs due to oversizing. In that case, you can quickly solve the problem by adjusting the size or using other alternative methods!

Thank you for reading to the end! Have a great day!

Contact form

新規ストア構築、開発などのお仕事の依頼・無料相談はこちら