【簡単1分】ブログ画像サイズの確認方法と画像サイズの変更方法SHAREツイートシェアはてブLINEPocketツイートシェアはてブLINEPocketこんにちわ。訪問ありがとうございます。このブログに辿り着いたあなた。ブログを開設したけど正直...ブログに載せる画像サイズがわからない適切なサイズの画像を載せたいけど確認方法がわからない画像サイズを変更したいけど変更方法がわからない...。こんな悩みがあるのではないでしょうか。薬剤師OLそんなあなたに!初心者でも簡単な『ブログ画像サイズの確認方法』『画像サイズの変更方法』を紹介します。今日から画像サイズの編集は楽々!楽しいブログライフが送れることになるでしょう。最適なブログ画像サイズとは?最適なブログ画像サイズとはズバリ「ブログの横幅に合わせる」ことです。ここで言う横幅とは記事を書くエリアの横幅のことです。ブログページのどこの場所でも良いので右クリックし「検証」をクリックします。デベロッパーツールの左端を選択デベロッパーツールの左隅にある矢印をクリックします。記事が書かれるべき横幅部分が適切に青く選択されている場所でクリックします。カーソルを合わせる位置によっては別の場所が青く選択されることもあるので注意してください。「computed」を選択するとこのようにサイズが表記されます。記事コンテンツエリアと同じ色(今回は青色)が選択されている部分のサイズとなります。左が横幅、右が高さになります。画像サイズが違うとダメな理由カンガルくんそもそも画像サイズが大幅に違うと何がダメなの?確かにWordPressなどでは容量の大きい画像をアップロードすると、自動的にブログの記事幅へ合わせてリサイズして表示してくれるよね。アップロードした元の画像サイズの容量が大きいと問題点もあるんだよ。薬剤師OL画像サイズが大きい=画像のファイルサイズ(容量)も大きい画像サイズは大きすぎるとサイトの表示スピードが遅くなる→「容量が小さい画像」が適している。そのためあらかじめ画像サイズを小さくし圧縮してからアップロードするのがbetter目安として1枚100kb以下に圧縮すると良いポイントとしてはデータ容量が小さく、見栄えが良ければいいんです。画像サイズの縦横比(アスペクト比)はいくつが最適か?画像サイズの縦横比に明確な決まりはないのですがアスペクト比の参考値を載せて起きます。記事内は読み手の邪魔にならないよう場合によっては縦幅だけを短くします。このブログの記事記載部分の横幅は700程ですが、幅いっぱいより少し狭く画像を載せたいのと、今後のブログ引っ越しを考え、一般的な「横幅640」で画像サイズを統一しています。薬剤師OL画像サイズの変更方法Windowsならペイント、Macならプレビューといったソフトでも画像サイズの変更はできますが今日は便利な『BeFunky』というツールを使った変更方法をご紹介します。BeFunky(https://www.befunky.com/)はオンライン上で使える画像編集ツールです。Started」(どちらでもOK)をクリック。Photo」をクリック。選択することで言語が日本語でツールを利用できます。画像を開く上部中央の「開く」をクリックし画像サイズの変更をしたい画像を開きます。「リサイズ左バーの編集タブを開き「リサイズ」を選択すると画像サイズ変更のページになります。上部中央の「保存」をクリックし変更した画像を保存します。まとめいかがだったでしょうか。これで今日から簡単にブログ画像サイズの変更ができるようになりますね。薬剤師OL薬剤師OL薬剤師OLです。絶賛不妊治療中!後悔しないようとことんやります。医学の力、薬にどっぷりはまっています!薬に絶対的な信頼を置いてます。そんなOLの不妊治療の経過と、欠かせないサプリメント、健康管理、マヌカハニーなど情報を書いています。コメントをキャンセルメールアドレスが公開されることはありません。13プロフィール薬剤師OLアラサー薬剤師OLです。絶賛不妊治療中!後悔しないようとことんやります。医学の力、薬にどっぷりはまっています!薬に絶対的な信頼を置いてます。