000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Aug , 2026
Jul , 2026

Jun , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Oct 14, 2004

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

(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) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

...((((*T-T)ﾉﾉｴｰﾝ

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いつもお世話になり、ありがとうございます。

今日の講座内容とは違う質問なのですが・・
失敗したみたいです。(-_-;)　
急ぎませんので、お時間の空いたときに教えていただけませんか?

本日の日記で、
<table border="1" cellspacing="0" bgcolor="#FFE4E1"
bordercolor="#0000ff"> と記述したのですが、
bordercolorが反映されませんでした。
フリーページでテストしたら、ちゃんと青色の線に
なっているのですが。
それにまた･･　
上の方に変なタグの切れ端が表示されてしまい、
表は下の離れたところに表示されてしまいました。

日記では、無理だということなのでしょうか?

(Oct 14, 2004 06:36:30 PM)

返事を書く

Re:...((((*T-T)ﾉﾉｴｰﾝ(10/14)

＃七鍵さん

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いらっしゃいませー(￣▽￣人)

フリーページでできることは日記でもできますよ。
ただ、一つだけ注意点があって・・・
日記を書きこむ欄で改行をすると。
勝手に<br>が挿入されちゃうのです。
なので
<table>
<tr>
<td>ぴよ</td>
</tr>
</table>
と日記で書くと
<table><br>
<tr><br>
<td>ぴよ</td><br>
</tr><br>
</table><br>
のように勝手に改竄（？）され、ブラウザは
<br><br><br><br>
<table>
<tr>
<td>ぴよ</td>
</tr>
</table><br>
のように解釈します。
なので表の上にたくさん隙間が開いちゃいますよね。
なので日記でテーブルを記述する際は、一回も改行をせずに
<table> ～ </table>まで記述しないとだめなんですよ。
<table border="1" cellspacing="0" bgcolor="#FFE4E1"
bordercolor="#0000ff">
も間に改行が入ってますよね？
なので「<br>bordercolor="#0000ff">」と改竄されて
今回のような事になっているのです(´･ω･`)

一度改行を全て削除してみてください(￣▽￣人)

(Oct 15, 2004 12:57:21 AM)

返事を書く

Re:...((((*T-T)ﾉﾉｴｰﾝ(10/14)

＃七鍵さん

返事を書く

Re[1]:...((((*T-T)ﾉﾉｴｰﾝ(10/14)

＃七鍵さん

＃七鍵さん

＜br＞と書くと改行され・・・
＆ｌｔ；ｂｒ＆ｇｔ；と書くとそのまんま(´･ω･`)
どうやって改行タグを書けと・・・
言いたい事わかりました？（笑

(Oct 15, 2004 01:00:02 AM)

返事を書く

Re:タグを覚えよう【第５６回目】　-　ＨＰで使える画像の形式(10/14)

もとsun さん

Ｊpegってやっぱり綺麗ですね～＾＾
私はいつもｊpegなんですよ＾＾
(Oct 15, 2004 04:49:43 AM)

返事を書く

Re[2]:...((((*T-T)ﾉﾉｴｰﾝ(10/14)

ｆｏｏｌｉｓｈ☆ｆｏｏさん

＃七鍵さん、こんにちは。

＞言いたい事わかりました？（笑

とても丁寧に解説していただきありがとうございました。
いつも、とても分かりやすいです。
早速、修正してみます。ｖ(^^)

お忙しいところ、親切に教えていただき恐縮です。
でも、またレクチャーを請いに伺うかもしれませんが・・
その節も、どうか宜しくお願いしますね。<(_ _)>
(Oct 15, 2004 10:34:28 AM)

返事を書く

Re[1]:タグを覚えよう【第５６回目】　-　ＨＰで使える画像の形式(10/14)

＃七鍵さん

もとsunさん

いらっしゃいませー(〃⌒▽⌒)

JPEGって綺麗なので写真には向いていますよね(￣▽￣人)
ただ、綺麗な分どうしても容量が大きくなってしまうので
楽天のようにサイズ制限があるところでは注意が必要です(´･ω･`)
あまり大きな画像は無理ってことですね（笑

(Oct 17, 2004 08:53:46 PM)

返事を書く

Re[3]:...((((*T-T)ﾉﾉｴｰﾝ(10/14)

＃七鍵さん

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いらっしゃーい(￣▽￣人)

あまりかしこまらなくてもいいですよ（笑
雑談感覚でぜひ聞きに来てください(〃⌒▽⌒)

(Oct 17, 2004 08:54:43 PM)

返事を書く