七鍵＠楽天

PR

×

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…
k.kyouka @ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ　がいいですよ☆★
マロン@ かわいい キュート
ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Aug , 2026
Jul , 2026
Jun , 2026

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Oct 14, 2004
XML

タグを覚えよう【第５６回目】　-　ＨＰで使える画像の形式

(8)
テーマ： タグに挑戦！(102)
カテゴリ： タグ教室
今回はＨＰで使える画像の形式（種類）について解説しましょう(〃⌒▽⌒)

ただ、「画像を表示しなさい」と言う命令文を記述すれば、
どのような形式でも表示されるわけではありません(´･ω･`)
一般的にＷｅｂページ上へ貼り付けることができる画像は、今から紹介します３個の形式だけです。


GIF 形式（拡張子：gif）

イラストや幾何学模様など色数が少なく、色と色の境がはっきりとした画像に適した形式です。
画像の一部を透明にしたり、アニメーション画像を作成したりすることもできます。
256色以上の色を使用できない、と言う欠点もあります。

サンプル(8.24kb) 
サンプル(8.37kb)

JPEG 形式（拡張子：jpg、jpeg）

写真など色数が多く色が複雑に絡み合っている画像に適した形式です。
1670万色まで表示できます。
イラストや幾何学模様など平坦な画像をこの形式で保存すると、境目がにじんだようになりますので注意が必要です。

サンプル(16.7kb) 
サンプル(24.4kb)

PNG 形式（拡張子：png）

イラストや幾何学模様など色数が少なく、色と色の境がはっきりとした画像に適した形式です。
理論上最大で280兆色まで扱うことができます。
また、圧縮率が高く同じ画像のGIFファイルより10％～30％程度ファイルサイズが小さくなります。
複数の透過色を指定できる、という特徴もあります。
ただし、アニメーションできない、フルカラーにするとJPEGよりファイルサイズが大きくなる、
古いブラウザでは表示できないなどの注意点もあります。
（表示できるブラウザはIE5.5以降、NN4以降です）

サンプル(14.0kb) 
サンプル(19.4kb)



それぞれ微妙に感じが違うの分かりますか？
もし、自分で画像を作成・加工される場合は、それぞれの形式をよく理解したうえで
次のいずれかの中から最適な形式で保存するようにして下さい(〃⌒▽⌒)





お気に入りの記事を「いいね！」で応援しよう

最終更新日  Oct 14, 2004 12:01:05 AM
コメント(8) | コメントを書く
[タグ教室] カテゴリの最新記事

もっと見る



【毎日開催】
15記事にいいね！で1ポイント
10秒滞在
いいね! -- / --
次の日記を探す
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X
© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: