[画像サイズ]Bloggerブログに挿入した画像の大きさを指定する
投稿者：Y
ラベル：blogger
公開：2020年9月24日
更新：2020年9月25日
今回「画像を挿入」ボタンからアップロードした画像は「image.png(1307×725)」
画像がアップロードされたURLは
「https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG」
→s〇〇〇〇で、幅〇〇〇〇pxに指定されている。
また、w△△△△-h□□□□で、幅△△△△高□□□□に指定できる。
「変更」ボタンから指定する
サイズ「小」を指定
「w200-h111」に指定される。
表示
コード
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="image" border="0" data-original-height="725" data-original-width="1307" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/w200-h111/image.PNG" title="image" width="200" /></a></div>
サイズ「中」を指定
「w320-h178」に指定される。
表示
コード
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="image" border="0" data-original-height="725" data-original-width="1307" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/w320-h178/image.PNG" title="image" width="320" /></a></div>
サイズ「大」を指定
「w400-h222」に指定される。
表示
コード
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="image" border="0" data-original-height="725" data-original-width="1307" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/w400-h222/image.PNG" title="image" width="400" /></a></div>
サイズ「特大」を指定
「w640-h355」に指定される。
表示
コード
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="image" border="0" data-original-height="725" data-original-width="1307" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/w640-h355/image.PNG" title="image" width="640" /></a></div>
サイズ「元のサイズ」を指定
「s16000」に指定される。
※元のサイズが指定のサイズに満たない場合は、元のサイズが表示される。
表示
コード
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="image" border="0" data-original-height="725" data-original-width="1307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s16000/image.PNG" title="image" /></a></div>
任意のサイズに指定する
s1307に指定(アップロードされたURLと同じ)
表示
コード
<div class="separator" style="clear: both; text-align: center;">
<img alt="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzJqWRlCBwqqtZc5G8W_Z24mrE97lqUVQtPIK41oOeUtFyZQ3jtku25BWh3Q0C6mAKs9AzG6uqcCNwPHFX6wv_GtXRaSfSkZ3_4VzhEfkFlVlnXF8eYpXDezkTobr_NrXKvBN8kNbSGY/s1307/image.PNG" />
</div>
Bloggerブログでの画像サイズ指定方法
<div class="separator" style="clear: both; text-align: center;">
<img alt="代替テキスト" src="https://1.bp.blogspot.com/1/2/3/4/s〇〇〇〇/タイトル.PNG" />
</div>
・1,2,3,4はランダムに指定された英数字列
・〇〇〇〇はアップロードされたURLのものと同じとする