画像ファイルの形式とデータサイズ.

Slides:



Advertisements
Similar presentations
0 クイックスタートガイド|利用者編 スマートデバイスのビジネス活用を支援する法人向けファイル共有サービス.
Advertisements

Windows 環境から SAS を使う 長野 祐一郎 1. データのダウンロード 2. データの加工 3. プログラムの作成 4.TeraTerm によるプログラムの実行 5. 処理結果の確認 6.SAS のデータ処理を概観 今回の授業では、 Windows 環境で作成されたデータを.
Powerpoint 機能の使い方. 1.簡単な図の作成 例として植物個体の図を作成 (1)輪郭を大まかに描く まず、「オートシェイプ」 → 「線」 → 「曲 線」を選び、輪郭を適当に描く.
BWD06-01 ~ 1 ~ Web デザイン基礎 坪倉、伊藤 日本文理大学 先週 – ガイダンス – Webの歴史 –HTML 基礎 今週 について(出席と課題提出) –HTML 画像、ハイパーリンク、文字書式.
T2V 技術 Web 製作ラボ 3/ hayashiLabo 2. T2V 技術 PC 操作 念のため・・・
Copyright © the University of Tokyo 文字化けの背景を知る. Copyright © the University of Tokyo 課題の概要 日本語の文字コードについて理解を深める  MacOS( テキストエディット ) で利用可能なエ ンコーディング ( コード化方式.
Copyright © the University of Tokyo 文字化けの背景を知る. Copyright © the University of Tokyo 課題の概要 日本語の文字コードについて理解を深める  MacOS( テキストエディット ) で利用可能なエ ンコーディング ( コード化方式.
静止画ファイル形式 小林 康三.
農業者年金記録管理システム 研修資料の入手等について
画像ファイルの形式とデータサイズ.
圧縮・解凍.
ファイルの形式.
情報処理概論Ⅰ 2007 第3回 2007/5/2 情報処理概論Ⅰ 第3回.
知能機械工学科 担当:長谷川晶一 TA:新・後藤・ナンバ
Macユーザーの方:データ転送 ターミナル使用.
2017/3/2 情報処理 第8回.
情報処理 第7回:Wordを用いた文書の作成 その2 June. 10, 2016.
IT講習会 MicrosoftWord(2007ver.)編 (Wed) Edited by KON
Unix生活 Vol.1
物理学情報処理演習 2. UNIX 補足自習用テキスト.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
2017/3/7 情報処理 第8回.
情 報 の 表 現(3) 情報社会とコンピュータ 第10回.
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
Accessによる SQLの操作 ~実際にテーブルを操作してみよう!~.
アプレット (Applet)について.
コンピュータ演習Ⅰ 8月7日(日) 1限目 ファイルの種類.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
情報 第一回: 練習課題 第一回 田浦健次朗 2010/4/9.
パスワードをつけよう! ~ワード・エクセル・一太郎 ・その他(アタッシェケース)~
ファイルシステムとコマンド.
メールの利用 計算機実習室でThunderbird.
心理学情報処理法Ⅰ やってみよう:Excelを使ってみよう.
ファイルの形式.
心理学情報処理法Ⅰ コンピュータにおけるデータ表現 マルチメディアとコンピュータ.
xxxxxx . yyy xxxxxx Linuxにおける情報管理 一般的なファイル UNIX における情報管理の単位 ファイルの種類を表す
文字化けの背景を知る.
湘南工科大学 2013年4月23日 プロジェクト実習A アドベンチャーゲームを作ろう 第3回 湘南工科大学情報工学科 准教授 小林 学.
メッセージ機能 相手にメッセージを送信する 04 送信する相手を選んでメッセージを送信します。
情報学部 プログラミング体験教室 (初級編)
スマートデバイスのビジネス活用を支援する法人向けファイル共有サービス
(Wed) Edited by KON IT講習会 一太郎編.
文字化けの背景を知る.
文字化けの背景を知る.
簡単PowerPoint (PowerPoint2007用)
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報処理 第8回:Wordを用いた文書の作成 その2 June. 8, 2018.
画像ファイルの形式とデータサイズ.
単語登録(1) ◎MS-IMEの「単語登録」に、単語、語句、記号など自分がよく使うものを登録しておくと、便利である。
情報スキル活用  第5週 基礎技術-5   その3 : 画像表示.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
3.1 PowerPoint の概要 PowerPointを使ってできること
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
フォトムービーを作ろう 【初めの準備】 ■ 写真を10枚くらい用意をして、マイドキュメントの 中にファイルを作り保存をしておこう
コンピュータと情報 第4回 ワードの使い方.
情報コミュニケーション入門b 第11回 Web入門(2)
情報処理 第7回:Wordを用いた文書の作成 その2 June. 9, 2017.
画像のディジタル化 Copyright(C)2003 Yoshihiro Sato All rights reserved.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
パソコン.
シニアPCマザーズ 平成29年度第5回会員相互勉強会 2017年11月24日(金) 13:30~ 於:雁宿公民館 発表者:吉田恭子
本当は消去できていない!? ~データを完全消去する方法~
本当は消去できていない!? ~データを完全消去する方法~
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
ネットワークプロトコル.
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
単語登録(1) ◎MS-IMEの「単語登録」に、単語、語句、記号など自分がよく使うものを登録しておくと、便利である。
Presentation transcript:

画像ファイルの形式とデータサイズ

準備 1. ファイルの保存場所として 「デスクトップ」 に 「practice」 フォルダをつくろう.(参考:HWB 14.3.4) 2. http://lecture.ecc.u-tokyo.ac.jp/johzu/joho/Data/ImageFormat/imagesample.html    を開こう. 画像はみな640*480のサイズ

準備 3.画像またはアンカをクリックして画像を大きく表示した後,「ファイル」→「別名で保存」を選び,「practice」フォルダにダウンロードしよう

準備 「場所」に「practice」フォルダをうまく選べない時は,このマークをクリックしてみよう

準備 4.画像をダウンロードできた事を確認しよう 「practice」フォルダに「image01.jpg」ファイルがあるのが確認できる(参考:HWB 14.3)

入手した画像を見てみよう 「デスクトップ/practice」にあるimage01.jpgのアイコンをダブルクリックしてみよう 画像を見ることが出来ただろうか?

ファイル形式 convertコマンドにより,入手したjpgファイルからpngファイル,gifファイルを作る jpg (Joint Photograph Experts Group) 約1670万種(24ビット)の色を表現できる. 写真の形式として適していると言われている png (Portable Network Graphic) 最大280兆色を表現できる. 圧縮率が高い.可逆圧縮である. gif (Graphics Interchange Format) 256色の色を表現できる. 平坦な画像に向いていると言われている

convertコマンド アカウント番号(10桁) 自分のいるディレクトリ 端末番号 ファイル形式の違うファイルをつくる時や画質の異なるファイルをつくる時に使うコマンド 「ターミナル」から使う (参考:HWB15.2など) jpgファイル(sample.jpg)からpngファイル(sample.png)をつくる時には以下のように打ち込む ci113003m:practice 0123456789$ convert sample.jpg sample.png 拡張子によりファイル形式を判断している アカウント番号(10桁) 自分のいるディレクトリ 端末番号

convertコマンドを使ってみよう 1.「ターミナル」を起動する(HWB 15.2) 2.「practice」フォルダへ移動する 「practice」フォルダへ移動する(HWB14.4.2) 「practice」フォルダの内容を確認しよう.「image01.jpg」があるか?(HWB14.4.2)

convertコマンドを使ってみよう 3.convertコマンドを使用する 「image01.jpg」ファイルから「image01.png」ファイルを作る 実際に「image01.png」が出来ていることを確認する 同じようにして「image01.jpg」から「image01.gif」を作ってみよう

「practice」フォルダにあるpng形式の画像ファイル,gif形式の画像ファイルを見てみよう ファイル形式の違う画像を見てみよう 「practice」フォルダにあるpng形式の画像ファイル,gif形式の画像ファイルを見てみよう アイコンをダブルクリック ファイル形式の違いによる,目に見える見え方の違いはあるだろうか?

lsコマンドに-lをつけて入力するとファイルの大きさなどの詳しい情報を知ることが出来る (HWB 14.4.2) 画像ファイルの大きさを調べる lsコマンドに-lをつけて入力するとファイルの大きさなどの詳しい情報を知ることが出来る (HWB 14.4.2) gif形式のファイルはどのくらいの大きさになったか?

画質を変えたファイルをつくる convertコマンドにqualityオプションを付けて入力すると画質の異なる画像ファイルをつくることができる 「image01.jpg」からqualityを10と指定した「image01_q10.jpg」をつくる時には以下のように打ち込む ci113003m:practice 0123456789$ convert –quality 10 image01.jpg image01_q10.jpg 同様にして,qualityで指定する値を変えていくつかのファイルを作ってみよう できたファイルの画質とファイルサイズを見てみよう

画質を変えたファイルをつくる ファイルサイズはどのように変化しただろうか. 見え方はどうだろうか. qualityにどの程度の値を設定したものならば許容できるか? 一般にデータサイズを小さくするためには,画質の低下を許容しなくてはならない

不可逆圧縮と可逆圧縮 現在利用されているjpg圧縮のほとんどは不可逆圧縮.また,png形式で用いられる圧縮は可逆圧縮である. qualityに指定する値を操作して不可逆圧縮と可逆圧縮について体験しよう

元となるファイルの用意 image01.jpgとimage01.pngから,それぞれqualityの値に50を指定したファイルを作ろう

元となるファイルの確認 作ったファイルの見え方を確認しよう

画質を下げてみる qualityに50を指定して作ったファイルから,qualityを1に指定して,ファイルを作ろう

qualityを1に指定して作ったファイルから,qualityを50にして,元のファイルと「同じ」ファイルを作る事を「試みて」みよう 画質を「元に戻す」事を試みる(jpg) qualityを1に指定して作ったファイルから,qualityを50にして,元のファイルと「同じ」ファイルを作る事を「試みて」みよう 元のファイル 両方の画像のサイズが異なる.つまり「元」に戻せていない. 元のファイルと「同じ」に戻そうと試みたファイル

画像を比較してみよう(jpg) 「元」に戻っていない事が分かる

同じような操作をpng形式のファイルに施して「元に戻す」事を試みてみよう 両方の画像のサイズが同じになっている.「元」に戻せている. 画像を確認しても「同じ」事が実感できるだろう

2.自分で作った図記号,自分で撮った写真などで同様の操作をしてみよう 自分でやってみよう 画質を変更せずに,各サンプルファイルからjpg,gif,png形式のファイルを作ってみよう.それぞれのサンプルファイルについて,最もファイルサイズの小さくなる形式はどれだろうか. 2.自分で作った図記号,自分で撮った写真などで同様の操作をしてみよう ファイル形式を変えてみよう.見え方やファイルサイズはどうなるか? qualityオプションに色々な値を入れてできあがりを見てみよう