# ロゴ画像が粗く表示されてしまう

**URL:** <https://community.shopify.com/t/topic/375433>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [November 21, 2024, 3:44am UTC](https://community.shopify.com/t/topic/375433 "2024-11-21T03:44:01Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ロゴ画像が粗く表示される問題について、高解像度（4000px×1000px）でアップロードしても改善されないという相談。

**原因:**
- テーマ側で画像が自動的にリサイズされている
- 元画像のデータがそのまま表示されていない

**解決策:**
- SVG形式（ベクターデータ）でロゴをアップロードする
- または、ロゴを出力しているテンプレートの該当部分を書き換える

**結果:**
SVG形式のロゴをアップロードすることで問題が解決した。

<div class="post-metadata">

**Author:** ![noton](https://avatars.discourse-cdn.com/v4/letter/n/ecc23a/32.png) [@noton](https://community.shopify.com/u/noton)\
**Post date:** [November 21, 2024, 3:44am UTC](https://community.shopify.com/t/topic/375433/1 "2024-11-21T03:44:01Z")

</div>

十分な解像度（4000px×1000px）でロゴ画像をアップロードしても、粗く表示されてしまう問題が発生しています。

使用しているテーマはRiseです。

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [November 22, 2024, 10:46am UTC](https://community.shopify.com/t/topic/375433/2 "2024-11-22T10:46:38Z")

</div>

@noton 様

ロゴが荒く表示されてしまう件ですが、テーマ側で画像をリサイズして表示しており、

元画像そのままのデータが表示されていないことが原因となります。

ロゴをベクターデータ形式のsvgでご用意が可能でしたら、

svg形式のロゴをアップロードすることで、粗く表示されることが回避できるかと思います。

※svgについて

[https://www.adobe.com/jp/creativecloud/file-types/image/vector/svg-file.html](https://www.adobe.com/jp/creativecloud/file-types/image/vector/svg-file.html)

または、ロゴが出力されているテンプレートの対象部分を書き換えることでも対応ができるかと思います。

ご参考まで。

（キュー小坂）

---

<div class="post-metadata">

**Author:** ![noton](https://avatars.discourse-cdn.com/v4/letter/n/ecc23a/32.png) [@noton](https://community.shopify.com/u/noton)\
**Post date:** [November 22, 2024, 11:16am UTC](https://community.shopify.com/t/topic/375433/3 "2024-11-22T11:16:13Z")

</div>

ありがとうございます。  
SVG形式のロゴをアップロードし、解決いたしました。