[Å] ブログで使用している画像のサイズを調べる3つの方法

ブログで使用している画像のサイズを調べる3つの方法

つい先日「するぷろ / SLPROで投稿する画像サイズの変更方法」について記事を公開しました。

そもそも自分のブログで使用している画像サイズっていくつだろうか???

そんなことを思った人も少なくないようです。調べ方は色々とありますが、今回は誰でも無料で使える方法をご紹介したいと思います。

画像サイズの確認方法

画像サイズの確認は様々な方法で調べられます。例えばPhotoshop。ただPhotoshopは高価なアプリなので今回は割愛しています。

WordPressの入力画面から確認する方法

WordPressでブログを運営している方はWordPressから記事投稿画面を開き、エディタのタブを「テキスト」に変更します。
WordPressから画像サイズの確認

すると画像が本来表示される部分にコードが表示されるのでその部分に書かれている「width=」の先の数字を確認します。

今回の場合は画像の横幅サイズが610(px)になります。ちなみに高さは405(px)を示しています。

デスクトップから確認する方法

ブログで使用している画像をデスクトップに保存して、画像の情報を確認します。画像を選択した状態で「command + i」で確認ができます。
command + iで情報を見る

するとこのような画面が表示されると思うので「詳細情報」の部分にある大きさを確認します。この場合だと横600(px)縦389(px)だとわかります。
画像の詳細情報を確認

*詳細情報が表示されていない場合は「▶︎詳細情報」をクリックすると表示されます。

ブラウザから確認する方

使用するブラウザは「Google Chrome」です。ちなみに別ブラウザSafariやFirefoxにも「要素の…」というように似たような機能があります。

以前ご紹介した「要素の検証」を使用します。

[Å] ブログカスタマイズに便利なツール、Chromeの「要素の検証」の使い方をご紹介!

ブログの画像上で右クリック。表示されたメニューの一番下にある「要素の検証」を選びます。
要素の検証

要素の検証画面が表示されると右クリックした要素が選ばれた状態になっているのでその部分に書かれているwidthの数値を確認します。
要素の検証の見方

widthは横の長さ。heightは縦の長さです。

さいごに

最後の要素の検証はややハードルが高いかもしれませんが、1つは試せそうな方法がありましたか?

するぷろやSLPRO Xに画像サイズを入力する時は表示させたい横の長さを入力すればOKです。(参考記事

ぜひお試しください。

ではでは。

この記事はiPhoneアプリ「SLPRO X(するぷろ X)」から更新しました!

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

ブログで使用している画像のサイズを調べる3つの方法
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼