アメブロ 画像の拡大ができないようにするには | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


通常、アメブロで画像を記事に貼り付けた場合、
画像をクリック(タップ)すると、画像が拡大されるようになっています。


私の場合、その画像をより詳しく大きな画像で見てもらいたい場合は、そのままの拡大できるままにしています。

しかし、クリックしても画像の大きさが変わらない大きさで貼り付けている場合は、クリックしても拡大されないようにしています。


また、クリックして拡大表示される場合、
なんらかの拍子で画像を押してしまうと、いちいち画像が大きくなって、ブログに戻るのが面倒になったりする場合があります。

そうならないように、あらかじめ画像を拡大表示にしない方法があります。


色々と方法はありますが、ここでは手動での方法をお伝えします。


まず、このキツネの画像(横幅を400pxにしたもの)を記事に貼り付けます↓↓↓
(このままだと、クリックすると拡大する画像になっています。)

きつね 

そして、「HTML表示」をクリックします。(新エディタの場合)
(標準エディタの場合は、「HTMLタグを表示」をクリックします。)
川上雄大のワンポイントレッスン

すると、画像がこのような↓↓↓タグになっています。

<a href="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg"><img id="1387158772868" style="border: currentColor; width: 400px; height: 283px;" alt="きつね" src="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg" ratio="1.4134275618374558"></a>



ここで画像そのものは、<img id=~~~~~>(イメージタグ)です。


<a href="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg"><img id="1387158772868" style="border: currentColor; width: 400px; height: 283px;" alt="きつね" src="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg" ratio="1.4134275618374558"></a>


ですから、<img id=~~~~~>だけを残し、他の <a href=~~~~~~> </a> を削除してあげます。
(ちなみに、その中のhttp://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpgの部分はその画像の画像URLですので。)

<a href="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg"><img id="1387158772868" style="border: currentColor; width: 400px; height: 283px;" alt="きつね" src="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg" ratio="1.4134275618374558"></a>


そして、このように↓↓↓<img id=~~~>だけにして、「通常表示」に戻してみます。

<img id="1387158772868" style="border: currentColor; width: 400px; height: 283px;" alt="きつね" src="http://stat.ameba.jp/user_images/20131216/10/sumitak1329/13/72/j/o0400028312782281946.jpg" ratio="1.4134275618374558">


すると、拡大表示にならない画像(↓)にすることができます。


川上雄大のワンポイントレッスン
 

私の場合は、画像が多かったりしますので、読まれる方がスムーズに読めるようにとの思いから、画像の拡大表示はしないようにしています。

ですから、画像を拡大表示しないのがよい、ということではありませんのでご注意ください^^;


ブログを書く人が、その画像をどう見せたいか、によりますので^^!




以上、ワンポイントレッスンでした。



LIDS澄川・ライフデザインスクール
川上 雄大