ワードプレスで記事に入れた画像がぼやけてしまうのを解消する方法【ワードプレス(WordPress)】【初心者】【ブログ】

ブログのおはなし

Pocket

今回はブログの改良のお話です。

私もちょこちょこブログを改良していまして、そこで集めた情報を記事にする事で同じ悩みの人への一助になればとか自分のための備忘録にするとかそんなノリです。

(・ω・)ノ

ワードプレス(WordPress)

私はブログの作成にWebページの作成ソフトのワードプレス(WordPress)さんを利用させて貰っています。

ワードプレス(WordPress)さんはアプリ版とかブラウザ版とかありますが、ようはブログやサイトの作成を助けてくれるホームページ作成ソフトウェアです。

ワードプレス(WordPress)さんを使用すると初心者でも簡単にホームページ作成ができるのが特徴で、収益化に強く個人や企業でも広く使われているメジャーな便利ツールです。

ワードプレス(WordPress)さんは広く使われているので困った時はインターネットで調べると大体分かりますし、プラグインも豊富で色々なことができます。

もちろん入門書などの書籍も沢山発行されているので、本を読んでも簡単に一通りの操作ができるようになります。

私は普段からこのワードプレスさんのテーマSANGOを使用して、ブログを作成させて貰っています。

(/・ω・)/ワーイ

 

…ただし、ちょっと変わった事や凝った事をやろうとするとワードプレス(WordPress)さんの親切機能である文章の自動改稿機能が牙を剝くのです。

( ;゚Д゚)ェ..ソンナ

今回の困り事・ワードプレスで記事に入れた画像がぼやけてしまう。

ワードプレスの画像がぼやける03

今回の問題は上記の画像になります。

この前ワードプレス(WordPress)で記事を書いている時に、解説のために画像を載せたら文字が判別できないくらいが画像が荒かったんですよねー。

またワードプレス(WordPress)さんが勝手に何かしてるのかな? 困ったものです。

( ´∀`)σ)∀`)

今回のワードプレス(WordPress)の記事に画像を挿入した場合に画像が荒くなる原因として幾つか原因が考えられます。

自分の場合、真っ先に思い浮かんだのがワードプレス(WordPress)に様々な機能を追加してくれるプラグイン。

以前記事を書いている時に画像の容量が大き過ぎたので、サーバーにアップロードした画像の容量を圧縮するプラグインを導入したんですよね。

プラグインの名前は「TinyPNG」さん。

一度導入してしまえば画像をアップロード時に自動で軽量化してくれる賢いプラグインさんです。

(*´ω`*)

ワードプレスの画像がぼやける02

今回の画像が荒すぎる問題はプラグインの「TinyPNG」さんが悪さをしているのかと思いました。

なので、一度そのプラグインを無効化しました。

ワードプレス(WordPress)の管理メニューから「プラグイン」→「インストール済みのプラグイン」のページへ移動すると、インストール済みのプラグインの一覧があります。

上記の画像がその画像ですが、ここの「無効化」ボタンを押す事で簡単にインストール済みのプラグインを無効化する事が出来ます。

ワードプレスの画像がぼやける04

上記がプラグインの無効化前後の記事に画像を挿入した時の記事の画面をスクショしたという画面。

( ,,`・ω・´)ンンン?

プラグインを無効にしても結局同じようにぼやけてしまう画像になってしまいましたね。

という事は今回の画像がぼやける原因はプラグインの「TinyPNG」さんではないみたいですね。

(°▽°)

ワードプレスの各種画像自動生成機能を確認してみる

ワードプレスの画像がぼやける10

そういえばワードプレス(WordPress)の画像の容量について調べていた時の知識ですが、ワードプレスは一つの画像がアップロードされるとサムネイル用や決められたサイズの画像が複数生成されるシステムになっていたはず。

具体的にはワードプレス(WordPress)の「設定」の「メディア」を見てみると分かるのですが、三つのサイズの画像を自動で生成してくれています。

サムネイルなどに使えるように色々なサイズの画像を自動生成してくれます。

本来は一つの画像を手動で加工する手間を省いてくれる親切な機能なのですが、今回はこの機能が悪さをしているのかなーと推察してみます。

( ´∀`)σ)∀`)

という訳でワードプレス(WordPress)の記事内の画像の設定について調べてみました。

記事に挿入した画像をクリックすると画像の設定メニューが表示されます。

メニューの右柄二個目、「×」マークの左にある「ペン」マークが記事内の画像の設定ボタンです。

ワードプレスの画像がぼやける05

画像の設定ボタンを押すと使用している画像に関する設定画面が開きます。

ワードプレスの画像がぼやける06

私の場合は記事内画像の設定画面を確認すると中サイズの画像を使用する設定になっていました。

ワードプレス(WordPress)さんにアップロードした画像の解像度が高くても、画像の設定でサイズが小さい画像が使用されていると記事内の画質が荒くなってしまい画像がぼやけてしまう訳ですねー。

一つ賢くなりました。

(/・ω・)/ワーイ

ワードプレスで記事に入れた画像がぼやけてしまうのを解消する方法

という訳で記事内に入れた画像がぼやけているのを解消しましょう。

(・∀・)

具体的にはワードプレス(WordPress)の記事内にあるぼやけてしまっている画像をクリックし、表示されたメニューから先ほど確認した画像の編集画面を開きます。

ワードプレスの画像がぼやける07

そして記事内の画像設定画面の左側真ん中にある「表示設定」の項目から使用する「サイズ」を変更してやります。

サイズの項目をクリックする事で選択できる画像サイズが表示されます。

ワードプレスの画像がぼやける08

私の場合は中サイズの画像でぼやけてしまっていましたが、画像を大サイズもしくはフルサイズを使用すると画像全体のぼやけが解消され、画像の文字が読めるようになりました。

私の場合最大サイズにすると記事自体の容量が大きくなってしまうため、文字が判別できる中で小さいサイズを選択してあげました。

ワードプレスの画像がぼやける09

上記がワードプレス(WordPress)の記事内に入れた画像がぼやけたのを解消した画像になります。

という訳でワードプレス(WordPress)で記事の中に画像を入れたら何故かぼやけてしまう場合の解消方法でした。

(/・ω・)/ワーイ

今回の問題はワードプレス(WordPress)の記事内で自動で設定されている画像サイズが小さすぎるため、記事に画像を挿入したらぼやけてしまうという現象起きていたわけですね。

この小さい画像を使用してくれる機能は本来なら記事の中の画像の容量を自動で小さくすることで、記事が必要以上に重くなるのを防いでくれる親切な機能です。

それが意図しない荒い画像が自動で選択されたいた事で、記事に入れた画像がぼやけてしまっていたんですねー。

何時もながらワードプレス(WordPress)さんには困ったものですね。

(´・ω・`)

でもこの機能を使いこなす事でワードプレス(WordPress)さんで書く記事がまた一つ良いものになりますねー。

ヾ(〃^∇^)ノわぁい♪

 

それと今回、私の場合はプラグインさんは原因ではなかったのですね。

設定画面から無効化にしたプラグインさんを再び有効化にするのを忘れないでおきましょうねー。

(/・ω・)/ワーイ

ワードプレスの画像がぼやける01

ワードプレス(WordPress)さんの「設定」の「プラグイン」の「インストール済みのプラグイン」の一覧から、無効にしてプラグインの項目を確認すると「有効化」ボタンが存在します。

不必要にプラグインを無効化してしまった人はここから「有効化」ボタンを押しましょうねー。

( ̄^ ̄)ゞ

これで今回のワードプレス(WordPress)さんの記事の画像がぼやけてしまう問題が解決し、プラグインさんも復旧できましたね。

(/・ω・)/ワーイ

今回はこんなところです。

(・ω・)ノ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA