229536 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

七鍵@楽天

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

コメント新着

k.kyouka@ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo@ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

May , 2024
Apr , 2024
Mar , 2024

フリーページ

タグ辞書【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タグに挑戦


Oct 14, 2004
XML
カテゴリ:タグ教室
今回はHPで使える画像の形式(種類)について解説しましょう(〃⌒▽⌒)
パソコン上で使える画像には色々と種類がありますよね。
ただ、「画像を表示しなさい」と言う命令文を記述すれば、
どのような形式でも表示されるわけではありません(´・ω・`)
一般的にWebページ上へ貼り付けることができる画像は、今から紹介します3個の形式だけです。


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) | コメントを書く
[タグ教室] カテゴリの最新記事



© Rakuten Group, Inc.