# 画像のレスポンシブについて

**URL:** <https://community.shopify.com/t/topic/34176>\
**Category:** 技術的なQ＆A\
**Created:** [February 1, 2021, 6:22am UTC](https://community.shopify.com/t/topic/34176 "2021-02-01T06:22:35Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

スマホ表示でトップ画像が大きく切れ、何の写真か分からなくなる問題についての相談。PC向けには問題ないが、モバイルでの見え方に課題がある。 

・前提として、独自テーマではなく既存テーマを編集していることが確認された。 
・対応案として、Shopifyの「テーマ＞カスタマイズ」から画像設定を見直し、プレビューでPC表示とモバイル表示を切り替えて確認する方法が提案された。 

HTML/CSSの具体的な修正方法までは議論されておらず、まずはテーマエディタ上での設定確認を試す流れになっている。現時点では解決策は確定しておらず、初期確認の段階で話は終わっている。

<div class="post-metadata">

**Author:** ![wakaaa](https://avatars.discourse-cdn.com/v4/letter/w/e99b99/32.png) [@wakaaa](https://community.shopify.com/u/wakaaa)\
**Post date:** [February 1, 2021, 6:22am UTC](https://community.shopify.com/t/topic/34176/1 "2021-02-01T06:22:35Z")

</div>

初めまして！最近Shopifyの構築を始めました者です。

そこでトップ画（サイトの一番上にくる画像）がPCには適したサイズなのですが

スマホで表示するとほぼ何の写真か分からないほど画像が切れてしまっています。

HTML.CSSは只今勉強中ですが、調べても中々出てきません。。。

どうかお分かりの方、ご教示御願い致します。

---

<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:** [February 3, 2021, 3:25am UTC](https://community.shopify.com/t/topic/34176/2 "2021-02-03T03:25:37Z")

</div>

テーマを独自で作られていますか？それとも既存のテーマを使用されていますか？

---

<div class="post-metadata">

**Author:** ![wakaaa](https://avatars.discourse-cdn.com/v4/letter/w/e99b99/32.png) [@wakaaa](https://community.shopify.com/u/wakaaa)\
**Post date:** [February 3, 2021, 3:55am UTC](https://community.shopify.com/t/topic/34176/3 "2021-02-03T03:55:06Z")

</div>

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

既存テーマでの編集です！

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [February 10, 2021, 4:31pm UTC](https://community.shopify.com/t/topic/34176/4 "2021-02-10T16:31:26Z")

</div>

単純にテーマ＞カスタマイズでエディタを開いて、そこから画像を設定して、プレビューでPCとモバイル切り替えてチェックしてみてはどうでしょうか？

---

<div class="post-metadata">

**Author:** ![wakaaa](https://avatars.discourse-cdn.com/v4/letter/w/e99b99/32.png) [@wakaaa](https://community.shopify.com/u/wakaaa)\
**Post date:** [February 13, 2021, 2:08am UTC](https://community.shopify.com/t/topic/34176/5 "2021-02-13T02:08:51Z")

</div>

そうですね！

その方法で試してみたいと思います。

ありがとうございます。