ホーム   »  スポンサー広告  »  スポンサーサイト  »  HTML   »  画像表示知識  »  画像サイズを変更する【HTML】

スポンサーサイト

広告
  
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマーク Googleブックマーク はてなブックマーク livedoorClip del.icio.us newsing FC2 Technorati ニフティクリップ iza Choix Flog Buzzurl 
ランキングはこちらをクリック!
▲ Page Top     

画像サイズを変更する【HTML】

広告
  

画像サイズを変更する【HTML】

img要素に width="" と height="" の属性がある。この値を変更する事で元の画像のサイズを変更することができます。
画像サイズを変更しない場合もサイズを指定することで、画像のサイズを指定しておくと、画像の読み込みを待たずに文書全体が表示されるようになります。 そのため、感覚的には表示速度が高まります。

HTMLの画像サイズを変更する実例

<img src="sample.gif" alt="サンプル" width="300" height="200">



・実際サイズ


・画像サイズの拡大(300x200)
サンプル ※画像サイズを拡大すると画質が悪くなってしまう。

・画像サイズの縮小(100x75)
サンプル

このようにHTMLで表示させる画像サイズは変更できるので、実際の画像サイズをその都度用意する手間が 省けて楽になります。
※しかし、データ量そのものは変化しないので、サムネイルとして縮小し、大量表示する場合には注意が必要です。
また、この属性で表示サイズを変更すると、画質が悪くなってしまう場合があります。


画像表示に関する記事

画像表示位置を指定
画像サイズの変更





関連記事
スポンサーサイト


Yahoo!ブックマーク Googleブックマーク はてなブックマーク livedoorClip del.icio.us newsing FC2 Technorati ニフティクリップ iza Choix Flog Buzzurl 
ランキングはこちらをクリック!
▲ Page Top     

Comment
Trackback
Trackback URL
Comment Form
管理者にだけ表示を許可する
サイト紹介

仕事で遭遇したトラブル対応をまとめたサイト。インフラエンジニア、サーバエンジニアとしてスキルアップするための情報(IT講座、Linux、Postfix、PostgreSQL、MySQL、Apache、Java、セキュリティ対策、おすすめ書籍)提供します。
全記事表示リンク
カテゴリ
スポンサーリンク

サーバエンジニアのための書籍
プロフィール

hotally

Author:hotally
仕事:インフラエンジニア
取得資格:第2種基本情報処理
     情報セキュリティスペシャリスト
     ネットワークスペシャリスト
     PostgreSQLCE シルバー

アクセスランキング
[ジャンルランキング]
コンピュータ
618位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサービス
27位
アクセスランキングを見る>>
ブログ
最新記事
カテゴリークラウド
スポンサーリンク


RSSリンクの表示
リンク
ブロとも申請フォーム
QRコード
QR
Lc.ツリータグリスト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。