画像サイズの設定(設定→ブログ設定)

ブログに掲載する画像サイズの設定方法をご案内します。記事投稿時に指定することもできますが、「特に何も指定しない場合」の設定を、あらかじめ決めておくことができます。「回り込みの設定」についてもご紹介します。

記事投稿画面で画像を貼った時に、サイズが大きすぎるので毎回ひと手間かけて縮小している、という方にお勧めです。


[設定]→[ブログ設定]から設定します。

こちらの画面です。

設定ーブログ設定ー画像の設定.PNG

サムネイルサイズ 

ブログ記事に「表示される画像のサイズ」です。初期設定は「640px」になっていますが、これはブログの記事の幅いっぱいに画像が表示される状態だとお考えください。普段の記事投稿時に、画像の横に文章を書くことが多い方は、お好きな大きさに指定しておくことをお勧めします。サイズ感は、以下の画像の表示イメージを参考にしてください。

なお、記事中の画像の表示サイズは、記事を投稿する場面でも指定できます。普段のスナップ写真はこちらの「サムネイルサイズ」で設定しておき、これぞ、というご自慢の写真は表示サイズを大きくする、ということもできます。

「200px」
sakura3000.png

「300px」
sakura3000.png

アップロード時リサイズ

こちらは、記事上での表示サイズではなく、アップロードする画像そのもののサイズです。ここで指定するのは「上限」のサイズで、これより小さい画像はそのまま、これより大きい画像はここで指定したサイズに縮小してアップロードされます。

大きなサイズのほうが鮮明な画像になる場合が多いですが、ブログの容量を早く使い切ってしまうことになります。また、高性能のデジタルカメラで撮った写真は、原寸大のままですとパソコンのディスプレイのサイズより大きくなりますので、パソコンやスマートフォン等で閲覧することを考えると、ほどほどのサイズにしておいたほうが良いでしょう。初期設定は「1920px」になっています。

別ウィンドウ原寸大表示

「表示する」記事に貼りつけた画像がサムネイルだった場合、クリックして元画像を表示させることができます。
「表示しない」記事に貼りつけた画像がサムネイルだった場合でも、クリックしても元画像を表示させません。

回り込み

アップロードした画像と記事の文章の位置関係を設定します。記事投稿時にも指定や変更はできますが、「何も指定しない場合」には、ここで設定したものになります。

sakura3000.png具体的には、左回り込みで画像を掲載した場合、このように表示されます。○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○



sakura3000.png次に、右回り込みで画像を掲載すると、こうなります。○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○




中央寄せの場合は、文章の回り込みなしで、画像を中央に表示します。大き目の画像表示にしたい方にお勧めです。○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
sakura3000.png

記事投稿のたびに、「画像のサイズ表示が大きすぎる」「毎回、回り込みの指定をするのは面倒」という方は、ぜひ[設定]→[ブログ設定]をご利用ください。

【ウェブリブログサポート】
【サポートブログ】トップ
【サポートブログ】目次