Kyoto♪S4の記憶

Yahooブログの記事をはてなに移行しました。

画像表示サイズの設定

先日画像サイズを変える方法を書きましたが、
これはブログに表示させるときに表示サイズを変える方法です。

記事に画像を載せる時、Wiki文法を使用しなければ、
表示されるサイズ自動的に調整され、クリックすると本来の画像サイズで表示されます。
Wiki文法を使うと、表示サイズを指定しないと記事の中にそのままの大きさで表示さてしまいます。
そこで、Wiki文法で表示サイズを指定します。
画像ファイルのアドレスの後ろにコンマ「,」とサイズを記述します。

変更例です。
赤い線の部分を追加しください。
数字は表示してみてどのくらいが良いか決めてください。
この例はクリックして大きく表示してみてください。
https://cdn-ak.f.st-hatena.com/images/fotolife/l/lunarcarrier/20190917/20190917234312.jpg


サイズを変えてみた例です。
表示に使用している画像はどれも同じで、サイズだけ変えています。
サイズ500
https://cdn-ak.f.st-hatena.com/images/fotolife/l/lunarcarrier/20190917/20190917234307.jpg



サイズ300
https://cdn-ak.f.st-hatena.com/images/fotolife/l/lunarcarrier/20190917/20190917234307.jpg



サイズ200
https://cdn-ak.f.st-hatena.com/images/fotolife/l/lunarcarrier/20190917/20190917234307.jpg


*** 画像ファイルの編集と、表示サイズの指定について。 ***
Yahoo!のブログでは画像を登録できる最大容量が決まっていたはずで
たしか2Gバイトだったと思います。
これを超えると登録できないのか、古いのが消えるのかどっちかわからないけど(後で調べてみます)
ともかく限界があるので、大きくなくていい画像は小さく編集して添付するようにします。
そして、大きなサイズで見て欲しい画像は、大きなサイズで添付しておいて
表示サイズを記事からはみ出ない程度にしておきます。
そのために蒸気のような表示サイズの指定をします。

小さな画像に対して、大きな表示サイズを指定した場合は
モザイクがかかったような表示になるようです。