検索日記

【HTML入門】width,heigh属性で画像サイズを指定する方法と注意点

A8ブログの投稿記事を書いていて、画像を貼り付ける時、

これまでは、たまたま元のサイズのままで、「まあいいか！」

という大きさだったので、そのまま貼り付けていましたが、

「いくらなんでもこのまま貼れないな・・」という事態になりまして・・

FC２ブログでは「画像縮小」というツールがあるので、それを使って調整していましたが、

ファンブログの方ではそれらしきツールが見当たりません！

という事で、「ブログの画像サイズを変更する」で検索！



ウエブ上のツールであったり、アプリであったり色々出てきましたが、今回は

「侍エンジニア塾」さんの記事で勉強させて頂きました。



〜HTMLで画像のサイズを指定する方法〜

width属性、heigh属性というものを使い、

横の長さを”width”　　縦の長さを”height”で指定します


HTMLの基本構造は次の通りです。


横幅、縦幅、それぞれを”ピクセル”又は”パーセント”で指定します。

FC2ブログのツールでは画像のデータそのものを修正し、画像をアップロードして貼り付けるので、

サイズの設定は、おおよそで設定していましたが、HTMLの中で設定すれば、貼り付けた状態でサイズを

調整する事も出来ます。便利ですね！

ブログ内の画像サイズも簡単に合わせられますね！


但し、小さい画像データを無理やり大きくすると、画像が荒くなったり、

元のデータの大きい画像をいくつも挿入したりすると、ページが重くなったりするようです。

画像編集ソフトなどを用いて適切なサイズにあらかじめ調整することも大切なようですね！



＜PR>

世界一やさしいアフィリエイトの教科書1年生 再入門にも最適！ [ 染谷昌利 ] 価格:1,706円 (2018/8/14 12:49時点) 感想(1件)