【ココログ新システム】画像の挿入方法、サムネイルのサイズ変更方法等: 大師小100期生集まれ！

ココログが今年の3月に新システムに移行し、大きく変更になったのは画像の扱いです。過去のエントリーで、試行錯誤しながら対処方法や問題点を挙げてきましたが、このエントリーでは改めて画像の扱いについてまとめておこうと思います。なお、このエントリーは今後加筆修正の可能性があります。また、ブログ主の環境（2019/05/16時点でWindows8.1／Firefox）での動作であることをお断りしておきます。

新システムで大きく変更になった点は以下の通りです。

画像を記事に挿入する際、2段階の作業になる。
即ち、①システムにアップロード、②記事の任意の位置に挿入、と言う作業。
これにより、過去にアップロードした画像も記事に挿入することができるようになった。
　

サムネイル（記事内に表示される、縮小された画像）のサイズは基本的に固定。（「設定」→「基本情報」で指定したサイズ）
①但し、記事内に挿入後、ドラッグでサイズの調整が可能。
→当記事で解説。
②しかし、サムネイルのサイズはシステムにアップロードした時点で作成され、「基本情報」で指定してあるサイズで作られてしまうので、縮小は問題ないが、拡大しようとすると画像がぼやける。
③また、サムネイルは不要としても、必ずサムネイルが作られてしまう。（不要なサムネイルは「ファイルマネージャー」で自分で削除する必要がある。）
　

サムネイルが作成される場所は、「/ > blog > blog/images」の直下（※1、※2）。
※1　「/ > blog > blog/images」の意味は、自分のブログ用のフォルダの一番上のレベル（「/」）の下（中）に「blog」というフォルダがあり、その下（中）に「image」というフォルダがあるという意味。「blog」というフォルダ名はブログを新規に作る際に自分で設定できるので、人により異なる。当ブログの場合は、URLが「http://daishi100.cocolog-nifty.com/blog/ 」なので「blog」というフォルダ名となっている。
※2　以前のココログではサムネイル画像は「image」の下に、更にアップロードした日付（ex. 2019/05/16）により、「2019」というフォルダ、その下に「05」というフォルダ、更にその下に「16」というフォルダが作成されて、その中に格納されていた。
　

記事内に挿入されたサムネイルの周囲にマージンが空かなくなった。
これにより、画像の右側に文字を回り込ませたり、複数の画像を横に並べるとスペースが空かないので、見た目が悪くなった。問題点として既に運営には報告済みだが、対処されるかは不明。
→対処方法は過去のエントリー『【ココログ新システム】画像の周囲のマージン』で解説。
　

「title」属性が付かなくなった。
「title」属性とは画像の上にマウスを重ねるとポップアップする文字を指定するHTMLタグで、以前のココログでは自動的にファイル名が設定されていた。
→対処方法は当記事で解説。