ヘルプ

アップロードした画像が粗く(ギザギザに)表示されたり、ぼやけたりします。画質を良くするにはどうすればいいですか?

  • よくある質問
  • サイトについて
  • アップロードした画像が粗く(ギザギザに)表示されたり、ぼやけたりします。画質を良くするにはどうすればいいですか?
 

画像が粗く表示される原因として、「元の画像データが小さすぎる」または「元の画像データが大きすぎる」という2つのパターンが考えられます。
以下の方法でアップロードした画像サイズをご確認の上、それぞれの解決策をお試しください。

 

アップロード済み画像のサイズ確認手順

アップロードした画像のサイズが適切かどうかは、管理画面の「ファイル管理」より以下の手順でご確認いただけます。

1. 画像サイズの確認方法
「ファイル管理」にて対象の画像に [800px × 342px] のように現在の解像度が表示されています。Webサイトの表示領域に対してサイズが大きすぎないか、まずはこちらの数値をご確認ください。
(補足:表示サイズの確認方法はご利用の環境により様々です。詳しく知りたい方は、お手数ですが**「サイト 画像表示サイズ 確認方法」**などのキーワードで検索し、ご自身のブラウザに合った方法をご確認ください。)
 

2. 画像の保存場所(ディレクトリ
 アップロードした年月(例:2025年4月の場合は「202504」)のフォルダ内に格納されています。

  • ブログ記事に使用した画像
    ファイル管理sys_blog202504(アップロード年月)

  • カスタム投稿に使用した画像
    ファイル管理sys_custom_post202504(アップロード年月)



--------------------------------------------------------------------------------

【パターン1:サイト上の表示サイズに対して、元の画像データが「小さい」場合】

アップロードした画像が、サイト上の表示枠に合わせて無理に拡大されると、どうしても画質がぼやけたり、粗くなってしまいます。
特にパソコンの大きなモニターなどで見た際に目立ちやすくなります。

◼︎解決策:大きい画像を用意し直す
現在アップロードされている画像よりも、縦横のサイズが大きい(解像度の高い)画像データを新しくご用意いただき、再度アップロードを行ってください。
(例:画面幅いっぱいに表示するメインビジュアル等の場合は、横幅1920px程度の大きなサイズで作成していただくと、拡大された際もある程度きれいに表示されます。)

--------------------------------------------------------------------------------

【パターン2:サイト上の表示サイズに対して、元の画像データが「大きすぎる」場合】

逆に、4000pxを超えるような非常に高画質・大サイズの写真をアップロードすると、ブラウザ側で急激な縮小処理が行われます。
その際、画像の線が不自然に削られてしまい、ギザギザして見える「ジャギ(アンチエイリアス崩れ)」という現象が発生し、かえって画質が荒く見えてしまうことがあります。

◼︎解決策:画像をリサイズする
画像が大きすぎる場合は、同じく「ファイル管理」メニュー内から直接リサイズ(縮小)することが可能です。横幅800px程度などを目安に、適正なサイズへ変更してから再度ページの表示をご確認ください。
▶︎ファイル管理での「画像一括リサイズ機能」の使い方はこちら

関連ヘルプ

メニューを会員登録前と後で各々のリンクを少し変えたい時は?

サイト編集 HOWTO メニューを会員登録前と後で各々のリンクを少し変えたい時は? こちらは制御が少し複雑になるので、そういったお客様についてはOmit側でカスタマイズ費用をいただいて対応しています。 弊社に個別見積もり対応いたしますのでお問合せください。  

ページ編集ができないブログ一覧のフッターの変え方は?

サイト編集 HOWTO ページ編集ができないブログ一覧のフッターの変え方は? デフォルトにするにしておけば、ページエディタにて変更できない場所などの標準のフッターに設定ができます。 これは、ヘッダー、フッター、サイドバーも設定可能です。 わかりやすくページタイトルを変更をおすすめします。

サイト管理者で複数の権限を割り当てれますか?

HOWTO サイトについて サイト管理者で複数の権限を割り当てれますか? こちらは仕様的に複数権限は割り当てることができかねます。 ですが、アカウントを2つ作成して別の権限を割り振る等の応急処置であれば可能です。 サイト管理>サイト管理者一覧・編集  

RSSってなんですか?

HOWTO サイトについて RSSってなんですか? 外部ブログなどの記事を表示してくれる機能です。 RSSの設定方法  

カスタム投稿の検索機能ってなんですか?

HOWTO サイトについて カスタム投稿の検索機能ってなんですか? ピッパサックにおける「カスタム投稿の検索機能」とは、カスタム投稿を作成する際に、その投稿が含まれる一覧画面において、ユーザーが検索を行うことができるようにするための設定です。 「一覧への検索表示」の設定を通じて、カスタム投稿の一覧画面に検索オプションを表示させることができます。 一覧への検索表示をONにす...

メール配信はできますか?

HOWTO サイトについて メール配信はできますか? ピッパサックの管理画面からは、メールの配信はできません。 お問い合わせしてくれた方や、会員に向けてメールの配信は、CSVをダウンロードしてから、外部のめーる配信ソフトをお使いください。   フォームからのCSVダウンロード方法 サイト編集>フォームから CSVダウンロード してください。   会員からのCSVダウンロード方法 ...

書体の変更は可能ですか?

サイト編集 HOWTO 書体の変更は可能ですか? 基本的にはCSSでの調整となります。https://admin.pipp.jp/css/  パーツの「文章や表」というものであればある程度変更も可能です。 CSSの知識のない方は弊社に個別見積もり対応いたしますのでお問合せください。  

細かいカラー変更などはできますか?

サイト編集 HOWTO 細かいカラー変更などはできますか? CSSでの調整となります。(簡単な変更はエディターより可能です) https://admin.pipp.jp/css/ CSSの知識のない方は弊社に個別見積もり対応いたしますのでお問合せください。