# 画像の格納先について

**URL:** <https://community.shopify.com/t/topic/228611>\
**Category:** 技術的なQ＆A\
**Created:** [June 29, 2023, 9:33am UTC](https://community.shopify.com/t/topic/228611 "2023-06-29T09:33:17Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyでページレイアウト用の画像を格納する方法について、2つの選択肢が検討されています:

**選択肢:**
1. 管理画面→コンテンツ→ファイルにアップロード（`{{ 'sample.webp' | file_url }}`で呼び出し）
2. テーマのアセットフォルダに格納（`{{ 'sample.webp' | asset_url }}`で呼び出し）

**推奨される方法:**
回答者は、保守性の観点から**アセットフォルダ（②）**を推奨しています。

**理由:**
- コード上で使用する画像のみを追加できる
- 画像変更時、元画像を削除する必要がある場合でも、コード上から直接管理できるため簡単
- ファイルアップロード方式（①）では、使用しない画像も蓄積され、元画像を探す手間がかかる可能性がある

質問者は提案内容を参考に検討する意向を示しています。

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [June 29, 2023, 9:33am UTC](https://community.shopify.com/t/topic/228611/1 "2023-06-29T09:33:17Z")

</div>

Shopifyでの画像の格納先として、以下の選択肢があると思います。  
①管理画面→コンテンツ→ファイルにアップロード  
②テーマのアセットフォルダに格納

それらの画像はロゴ画像などとは別で、ページ内でのレイアアウトとして利用する想定です。  
現在はアセット内に格納し ![サンプル]() のような形式でliquid内で呼び出しています。  
テーマのバージョンアップなどを加味した上、運用していく中で①と②どちらが適しているなどありますでしょうか。  
アドバイス等頂けますと幸いです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [July 5, 2023, 9:46am UTC](https://community.shopify.com/t/topic/228611/2 "2023-07-05T09:46:35Z")

</div>

Naru\_05様

ご質問を確認いたしました。

どちらも下記の形で読み込むことができますので、大差はないかと存じますが、

保守の観点から見ると、assetフォルダに格納した方が使いやすいかなという気がしております。

①{{ ‘sample.webp’ | file\_url }}

②{{ ‘sample.webp’ | asset\_url }}

①の場合、コード上で使用する画像以外のものも追加されてしまうため、

表示する画像を変更したくなった際など、元々の画像を探す手間がかかってしまいます。

(変更前後でファイル名を変更しない場合、元々の画像を削除する必要があるため)

②の場合、コード上で使用する画像のみを追加すれば良く、

画像を変更する際も、元々の画像から上書きすれば良いため、管理が簡単になるかと存じます。

ご参考までに。

---

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [July 7, 2023, 8:22am UTC](https://community.shopify.com/t/topic/228611/3 "2023-07-07T08:22:43Z")

</div>

株式会社フルバランス様

ご返信ありがとうございます。

大変参考になりました!

ご提案していただいた内容で検討しようと思います。