Bluehostで保存した画像をダウンロードする方法

ブログのあれこれ

私がブログ運営で使用しているサーバーBluehostのディレクトリに保存している画像をダウンロードする機会があったので、その方法をご紹介します。

Regenerate Thumbnailでエラー発生

きっかけはRegenerate Thumbnailでエラーが発生したこと。

私のブログのサムネイル(ブログの見出しにある小さい画像のことです)再生成にword pressのプラグインRegenerate Thumbnailを使用しています。

これがないとサムネイルの大きさが揃わず、見た目がよろしくない。

CSSとかをいじってサムネイルののサイズを変更する技術は私にはないので、このプラグインにすべてお任せしていました。

ところがある日、ブログをいじっていると、、、、

Babuchef
Babuchef

一部のサムネイルのサイズがバラバラになってる!!!

という事態が発生。

原因に心当たりはある。

それがここちら。

  • ワードプレスのを旧エディターからブロックエディターに変更した
  • サーバーのPHPバージョンを上げた
  • 新しいプラグインを入れた

ということで、この中で一番簡単にできそうな「新しく入れたプラグインを削除」を実行してみました。

でも結果は変わらず。

サムネイルのサイズはバラバラのまま。

残る2つの原因はなるべくそのままにしておきたい。

というのも、古いPHPバージョンを使うのはセキュリティ上よくないし、wordpressの旧エディターもそのうちサポート対象ではなくなるので、できるだけ最新版のものを使用したいところ。

ただいつまでたっても、こんな感じでエラーがメッセージが現れる。

ワードプレスにアップロードした元画像はカメラやスマホから削除してしまったので、なんとかこの画像を使いたい!

  1. 一旦サーバーに保存してある画像をダウンロード
  2. WPのメディアライブラリ及びサーバーからマルっと画像を削除
  3. wordpressに画像を再アップロード

という方法をしてみたらすんなり解決しました。

私はBluehostですが、他のサーバーを使用されている方も似たような方法で画像をサーバーからダウンロードできると思います。

それでは早速やってみましょう!

Bluehostサーバーから画像をダウンロード

  1. Bluehostにログインし、左メニューのAdvancedからファイルマネージャーをクリック
  1. CPファイルマネージャーの左メニューからpublic_html→wp-content→uploadsを選択
  1. 全画像が納められている年別の中に月別フォルダがあるので、該当の画像をアップロードしたフォルダを選択

するとこんな風に、画像ファイルがたくさんでできます。

この時注意して見てほしいのが、ファイル名。

例えば、このiphone-500291_640.jpgですが、様々なサイズの同画像が収められています。

これはなぜかというと、画像をアップロードするたびに

  • ワードプレスの設定で大・中・小のサイズが同時に生成される
  • テーマの設定で各サイズの画像が自動生成される(ブログカードとかウイジェットとかに使われる画像)

からなんです。

私の場合、画像にもよりますが1つの画像をアップロードするたびに5~8個の画像が再生成されています。

Babuchef
Babuchef

ひょえー、調べるまでこのこと知らなんだ、、、、。

なのでファイル名の後にサイズが書かれていない、元の画像(画像でいう赤線の分)を選択し、ダウンロードをクリック。

ディレクトリから画像を削除

  1. ダウンロードが無事行われたのを確認したら、WPのメディアライブラリからダウンロードした画像を削除する。
  1. 先ほど画像をダウンロードしたBluehostのフォルダからも該当の画像及び再生成されたサイズ違いの画像が全て削除されているか確認する。(再生成されたサイズ違いがたまに残っていることがあるので、その場合はファイル名を選択し、右クリックで削除を選択)

WPにダウンロードした画像を再アップロード

  1. 先ほどBluehostのサーバーからダウンロードした画像をWPのメディアライブラリ再アップロードしアイキャッチ画像に設定
  2. サムネイルのサイズが他と揃っていれば成功!!

それでもだめな場合

実は1枚だけ上記の方法でやってもサイズが他と揃わない画像があったんです。

なぜかわからず、ひょっとしたら画像のサイズが大きすぎるのか?と思い、大きさを変えて見ることにしました。

元画像のサイズは2304×4096

これを縦横1000×1000くらいに小さくすると、、、

Babuchef
Babuchef

できたーーーー!!!

と見事成功。

どうやら画像のサイズが大きすぎたみたいですね笑。


私はwebデザイナーーとかではないので、ブログのデザインはテーマ任せ、カスタマイズもほぼしません
(何か不具合が出てしまったら嫌なのでしたくない)。

なので、サーバーの管理画面をいじる機会もできるだけ避けてきたんですが、こういうトラブルに遭うと、どうしても解決しなきゃいけない。

嫌々ながら色々やってみて、失敗して、調べて、新しいことを学ぶ。

こんな感じでブログ運営することで、沢山学ばせてもらってます。

次はどんなトラブルが待っているやら、、、。

楽しみであり、恐怖であります笑。

Babuchef

コメント

タイトルとURLをコピーしました