Webサイトで使われている画像サイズの調べ方|絵描きの方必見

このページでは、
Webサイトで使われている画像サイズの調べ方について紹介しています。

このような方に向けたページです

・絵描きの方←SNSなどのアイコンサイズなどが調べられます。
・画像やアイコン作成を依頼したい方←自分が必要なサイズを確認できるようになります。

今回はGoogle chromeのブラウザを使っていきます。
Microsoft edgeのブラウザでも同じようなことができます。

それではぜひご覧ください!

Webサイト画像のサイズ調べ方

Google chromeの【検証ツール】を使っていきます。
Microsoft edgeだと【開発者ツール】にあたります。

ここでは例に、私のサイトで画像サイズを調べてみます。

1.サイズを知りたい画像の上で右クリックして、【検証】をクリック

2.検証ツールが出てきますので、矢印アイコンを選択します

画像クリックで拡大できます
3.再度サイズを知りたい画像の上にカーソルを合わせることで、サイズが確認できます

使い道1:Twitterのアイコンサイズを調べてみる

使い道2:ブログのアイキャッチサイズを調べてみる

最後に

最後までご覧くださり、誠にありがとうございました。

ブログを書いている人なら当たり前な知識ですが、
イラストを描いている私たちも知っておくといいかなと思い紹介しました。

コメント