FROM CACHE - jp_header

画像の自動圧縮について

画像の自動圧縮について

jun051605160516
Shopify Partner
1 0 0

shopifyで商品詳細、商品一覧やMVなどにあるあらゆる画像がアップロード時に自動で圧縮されてしまうと思うのですが、この圧縮を無効化する方法はないのでしょうか?

1件の返信1

Qcoltd
Shopify Partner
1058 435 427

@jun051605160516 様

 

ネット上の情報を隅々まで調べたわけではないので確信はないですが、

https://community.shopify.com/c/shopify-design/disable-shopify-from-compressing-my-product-pictures/...

こちらの記事や、いくつかの情報を見る限り、

おそらく、Shopifyにアップロードした画像や動画が圧縮されるのを止めることはできないのではないかと思います。

 

しかし、

現実的かどうかは一旦横に置かせていただきますが、

画像ファイルや動画を別のサーバ(DropboxやGoogle Drive)で管理し、

Shopifyからはそれらの画像を参照するように、

テーマをカスタマイズすれば圧縮されない画像の提供が可能かと思います。

 

ところで、

1点、懸念がありまして、

Shopifyの画像圧縮によって「人間の目に分かるほどの劣化」はなかなか発生致しません。

画像の荒れが気になる場合の多くは、画像の出力の仕方にあります。

 

例えば、

下記の画像は、Dawnのデモストアのメインビジュアルの画像URLなのですが、

 

(1)

https://theme-dawn-demo.myshopify.com/cdn/shop/files/141569803_417219312901458_4638470652865432174_n...

 

(2)

https://theme-dawn-demo.myshopify.com/cdn/shop/files/141569803_417219312901458_4638470652865432174_n...

 

同じ画像でも、(1)は横幅375pxの画像、(2)は横幅3000pxの画像、となります。

このサイズの違いを制御しているのは、width=375やwidth=3000です。

 

これ以外にも、下記のようにファイル名に "_100x" とつけるだけで100pxの画像になります。

https://theme-dawn-demo.myshopify.com/cdn/shop/files/141569803_417219312901458_4638470652865432174_n...

 

widthやファイル名は、コード上で、画像の出力をどのように指定しているかによって変わってきます。

場合によっては、2000pxで表示されたい箇所に、500pxの大きさの画像を表示してしまうなども起こり得まして、そうすると、画像が引き伸ばされるので画質が悪く見えてしまいます。

 

質問者様が、気になっている画像のURLを調べていただき、ファイル名やクエリパラーメーターを確認していただいて、本来表示したいサイズより小さくなっていないかご確認いただき、もしそうであれば、コードをカスタマイズし、希望の画像サイズを出力するようにするのも良いかもしれません。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/