コンピュータ基礎実習上級 #11画像ファイルと文字のフォーマット

Slides:



Advertisements
Similar presentations
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
Advertisements

情報処理 A 第 5 回かな? ワードの使い方. 拡張子  ファイルの名前は, “ ファイル名. 拡張子 ” で付け る.  拡張子は,そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
Copyright © the University of Tokyo 文字化けの背景を知る. Copyright © the University of Tokyo 課題の概要 日本語の文字コードについて理解を深める  MacOS( テキストエディット ) で利用可能なエ ンコーディング ( コード化方式.
Copyright © the University of Tokyo 文字化けの背景を知る. Copyright © the University of Tokyo 課題の概要 日本語の文字コードについて理解を深める  MacOS( テキストエディット ) で利用可能なエ ンコーディング ( コード化方式.
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.
授業展開#3 アナログとデジタル.
静止画ファイル形式 小林 康三.
第2章 第2節 情報通信の効率的な方法 1 情報の容量と伝送の特性 2 データの圧縮 3 エラー検出とエラー訂正
専門ゼミⅠ 南ゼミ 特別授業 2002年5月24日 金曜日 4限目 今泉 裕隆.
画像ファイルの形式とデータサイズ.
ファイルの形式.
プログラミングとは Q.プログラムとは何か? A.コンピュータを制御するための,コンピュータに対する命令(指示)の集まり.
富山大学 公開講座 2008 「QRコードを作ろう!」 ~ QRコードを作ろう! ~.
Webアプリケーション開発の 基本的なポイント
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
コンピュータ演習Ⅰ 8月6日(土) 4限目 フリーウェア.
2004, Spring term, Yutaka Yasuda
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
タグの直接入力によるウェブページの制作 練習課題1~3
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
情 報 の 表 現(3) 情報社会とコンピュータ 第10回.
HTMLの記述と WWWにおける情報公開 遠藤
ホームページの作り方.
経営情報 #1 デジタル表現 / 2003 (春) 安田豊 1.
ただで使えるソフトウェア ーインストールとお絵かきー
コンピュータ演習Ⅰ 8月7日(日) 1限目 ファイルの種類.
画像の作成と編集.
第2章 ソフトウェアの基礎知識 電子制御設計製図Ⅰ    2010年5月11日 Ⅲ限目.
ファイルの形式.
プログラミングとは Q.プログラムとは何か? A.コンピュータを制御するための,コンピュータに対する命令(指示)の集まり.
ユーリテクノスのFlashテクノロジーを 利用した様々なサービスのご提案
電気学会東京支部 茨城支所 第12回研究発表会 PowerPointプレゼンテーション作成要綱
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
第2章 ソフトウェアの基礎知識.
心理学情報処理法Ⅰ コンピュータにおけるデータ表現 マルチメディアとコンピュータ.
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
画像ファイルの形式とデータサイズ.
文字化けの背景を知る.
アナログとディジタル 高校1年 社会と情報⑤.
HTTPプロトコルとJSP (1) データベース論 第3回.
Outlook メール文字化けの原因と対策
コンピュータ基礎実習上級 #10 絶対パスによる指定
コンピュータ基礎実習上級 #1 概要説明と基礎体力テスト
初年次セミナー 第2回 文字の出力.
情 報 A ー ディジタル化のしくみ ー.
文字化けの背景を知る.
文字化けの背景を知る.
Rの図表の保存はメタファイルが便利です (Windows限定).
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報処理技法(リテラシ)I 第10回:Excel (1/2)
授業展開#3 アナログとデジタル.
動画ファイル形式 コンピュータでは、文字や画像、動画、音声といった様々な種類の情報を扱うことができるが、記憶装置に記録されるデータそのものは0と1の情報でしかない。動画ファイルの形式としてはMPEGやAVIです。
2008年度 情報数理 ~ 様々なデジタル情報 ~.
文字の表現.
画像ファイルの形式とデータサイズ.
情報処理の概念 #1 デジタル表現 安田豊 1.
文字エンコーディング 2010年7月.
第2章 ソフトウェアの基礎知識 電子制御設計製図Ⅰ    2010年5月19日 Ⅱ限目.
ウェッブページ書法の復習 ネットワーク論以前のお話.
一般的な注意 定期的なバックアップ(2個所) Cドライブの空きが十分でないとき ごみ箱を空にする IEの一時ファイル消去(Tempo*.*)
コンピュータと情報 第4回 ワードの使い方.
HP作成 そろそろまとめ編 担当:TAの人.
画像のディジタル化 Copyright(C)2003 Yoshihiro Sato All rights reserved.
情報処理の概念 #3 デジタル表現(続き) / 2002 (春)
2010年度 情報数理 ~ 様々なデジタル情報(1) ~.
CADシステムとソフトウェア 電子制御設計製図Ⅰ    2009年4月28日 Ⅲ限目.
2019年度 情報数理特論B ~ 様々なデジタル情報(1) ~.
Presentation transcript:

コンピュータ基礎実習上級 #11画像ファイルと文字のフォーマット 一般教育研究センター 安田豊

画像ファイルのフォーマット ペイントで作った画像が表示されない 画像にはフォーマット(書式)がある ブラウザによっては表示される 何故か? 書式=データの書き方 データ化の方法からはじめないと判らない

先に結論だけ 幾つかの画像フォーマットがある それぞれ美点と欠点がある 使い分けられて共存 jpg JPEG 写真など多くの色を扱うのに便利。圧縮が可能。 bmp ビットマップ Microsoftが作ったフォーマット。圧縮していない。 gif GIF Compuserv社が作成。小さな画像に適する。 png PNG UNISYSパテント問題に対応するために現在利用が広がりつつある。

デジタルデータの表現 絵は画素(Pixel)に分解 各画素ごとに数値化 1-3-5,1-2-5,1-1-4 のごとし

フォーマット 数え方を違えると全く違う数字列に 数値化ルールと一致する復号をしないと違う結果になる 1-3-5,1-2-5,1-1-4 1-1-1,3-2-1,5-5,4 数値化ルールと一致する復号をしないと違う結果になる

コード化ルール デジタルデータは常に数値化したルールとセットでなければ扱えない コード化ルールがデータのフォーマットを決める 数値化をエンコード 復号をデコードと呼ぶ コード化ルールがデータのフォーマットを決める 「こうする」と決めた結果「こう書いた」 画像データは複数のコード化ルールが普及している世界

文字コード 文字も同様にデジタル化 同じコード化ルールでなければ表示させることができない A=1,B=2….Z=26 漢字も数千文字をこうやって数値化 同じコード化ルールでなければ表示させることができない いわゆる文字化けを起こす

WWWと文字コード 国内では主として三つの文字コードが利用されている(*) HTML作成時に選択可能 METAタグによる明示 ISO-2022-JP, EUC-JP, Shift-JIS (* 現実はもっと複雑だが今回は説明せず) HTML作成時に選択可能 テキストエディタに選択機能がある METAタグによる明示 <META HTTP-EQUIV="Content-Type” CONTENT="text/html;charset=ISO-2022-JP">

まとめ デジタルデータは WWW制作の場面では コード化ルールとセット encode / decode に不整合があると 絵がおかしくなったり 文字が別の文字になったりする WWW制作の場面では 画像ファイルは拡張子に注意 文字コードはできればMETAタグで明示