静止画像データとウェブ上のリサイズの構造更新2017-01-08 16:12:26

静止画像データの基本的な構造


パソコン上の画像データは、ピクセルという点の集まりです。ピクセルという点の集まりについて、色や明るさなどを指定することで、データが構成されています。

ピクセルは、3原色(赤青緑)の数値の組み合わせで表現されます。1ピクセルに3色を指定すると1×3=3バイトの情報となり、このように、画像データの基本的なデータ容量は、ピクセル数×バイト数となります。

このようなピクセルの縦横の羅列という単純な構造を持つ画像データを圧縮する技術が発達しました。圧縮のアプローチには複数ありますが、JPEG、GIFなどは一部データを書き換えて圧縮するので元のデータには戻りません(不可逆圧縮)。GIFは使用する色を256色に限定していますので精密な画像には向きませんが、圧縮率は高くアニメーションなど静止画像を連続して影像することにも耐え得ます。PNGは、共通する情報をまとめるなどの方法でデータを圧縮しますが、データの書き換えは行わないので、可逆的です。ただし、写真などの同色(共通する情報)が多くないデータの圧縮には向きません。ロゴマークやグラフなど同系色が多く含まれる画像データに向いています。

ブラウザの画像拡大・縮小方法

CSS、HTMLで画像データをリサイズした場合の画像データの拡大・縮小方法は、ニアレストネイバー法、バイリニア法の改良版であるバイキュービック法です。かつてのブラウザソフトはニアレストネイバー法を使用していましたが、[-ms-interpolation-mode: bicubic;]という記述で、バイキュービック法に変換することが出来るバージョンも存在しました。現在のインターネットエクスプローラーは、バイキュービック法とニアレストネイバー法をブラウザが自動判定する仕様になっているようです。一部、ドット絵のようにニアレストネイバー法が適合的な画像タイプが存在することなどに起因するようです。

画像間補正と縮小

画像間補正は、変更前の画像と変更後の画像の対応関係を可能な限り正確に反映することを志向します。このとき、画像データは基本的に点(ピクセル・画素)の集まりなので、対応関係を把握するうえでも重要な指標になります。画像縮小においては、縦横のピクセルを減少させたうえで、残ったピクセル間で補正処理を行います。

ニアレストネイバー法

単純に画像の縦横のサイズを縮小し、不要となったピクセルを間引きます。処理速度は速いですが、仕上がりは荒くなりやすい(ジャギーなどが発生しやすい。)と言われています。

バイキュービック法(及びバイリニア法)

例えば、4画素を1画素に縮小する場合、4画素の平均値を反映した1画素のデータを再製します。バイキュービック法においては、補正に利用する画素の射程が長いなど、さらに正確な補正を行いますが、計算は複雑になります。

取扱一覧

著作権/ウェブデジタル法務セミナー・勉強会等講師
著作権法務
デジタル著作権法務
商標法務
意匠法務
特許・実用新案法務
著作権登録
著作権契約
著作権警告書・回答書
著作権訴訟
著作権刑事
著作権遺言相続
著作権侵害防御
著作権侵害対応
東京高裁管内の著作権案件
東北地方の著作権案件
北海道の著作権案件
東海・北陸地方の著作権案件
関西・中国地方・四国・九州・沖縄の著作権案件
著作権顧問契約
知的財産権出願登録
知的財産権契約
知的財産権警告書・回答書
知的財産権訴訟
知的財産権刑事
ウェブ・IT法務
発信者情報開示・削除請求業務
カリフォルニア外国法人に対する発信者情報開示
ICT法務顧問
キャラクター保護法務
ストーリー保護法務
写真/フォトグラフ保護法務
イラストレーション保護法務
シンボル・エンブレム・ロゴマーク保護法務
ウェブサイト保護法務
音楽・演奏の保護法務
知的財産権顧問契約

カテゴリー[クリエイト]記事一覧


  • 色で描く
    最終更新2016-09-18 15:42:48
  • やはりPhotoshopは優秀!
    最終更新2016-09-18 15:42:48
  • 色の塗り直し
    最終更新2016-09-18 15:42:48
  • NOTE OF FLOAT ISLAND システム更新
    最終更新2016-09-18 15:42:48
  • ブラウザにおけるウェブサイトのレンダリング
    最終更新2017-08-18 23:54:05
  • NOTE OF FLOAT ISLANDの設定
    最終更新2016-09-18 15:42:48
  • NOTE OF FLOAT ISLANDに背景ページをつくりました
    最終更新2016-09-18 15:42:48
  • ストーリーとキャラクターと広告の関係性
    最終更新2017-07-30 18:17:08
  • 画像ファイルの種類
    最終更新2016-09-18 15:42:48
  • 画素と解像度
    最終更新2016-09-18 15:42:48
  • 画素とディスプレイ解像度
    最終更新2016-09-18 15:42:48
  • ウェブサイトと黄金比
    最終更新2016-09-18 15:42:48
  • デザインワーク
    最終更新2016-09-18 15:42:48
  • RSS配信
    最終更新2016-09-18 15:42:48
  • キャラクターイラスト下書
    最終更新2016-09-18 15:42:48
  • レスポンシブウェブデザイン
    最終更新2016-09-18 15:42:48
  • 更新情報へのリンク作成
    最終更新2016-09-18 15:42:48
  • 動画ファイル
    最終更新2016-09-18 15:42:48
  • 液晶ペンタブレット
    最終更新2016-09-18 15:42:48
  • 光や色や影について
    最終更新2016-09-18 15:42:48
  • NOTEのリニューアル計画など
    最終更新2016-09-18 15:42:48
  • ウェブと通信プロトコル
    最終更新2017-03-09 01:51:36
  • 3DCGの計算
    最終更新2017-08-17 23:09:55
  • ウェブでの簡単なアニメーション表現
    最終更新2016-09-18 15:42:48
  • 法律事務所でのキャラクターやロゴ使用
    最終更新2017-07-30 18:16:31
  • 事務所サイトにサイトマップをつくりました
    最終更新2016-09-18 15:42:48
  • チェックボックスを利用したアコーディオン式の開閉ナビゲーション
    最終更新2016-09-18 15:42:48
  • テーブルの結合
    最終更新2016-09-18 15:48:34
  • 更新情報の統合
    最終更新2016-09-19 12:08:40
  • 角ウサギイラスト
    最終更新2016-09-24 01:39:01
  • ライオンキャラクターイラスト
    最終更新2016-09-25 01:50:03
  • 3DCGの制作について
    最終更新2016-11-20 23:38:55
  • 静止画像データとウェブ上のリサイズの構造
    最終更新2017-01-08 16:12:26
  • 簡単な3DCGアニメーションの試作
    最終更新2017-01-14 14:31:11
  • 3DCGの試作
    最終更新2017-01-08 16:09:47
  • 3DCGの論考
    最終更新2017-01-08 16:10:04
  • アクリル(クリア)マウント加工
    最終更新2017-09-04 02:48:09
  • カテゴリ別全記事一覧


    著作権・法律


    著作権法


    ○無料素材と誤診して写真素材をウェブサイトに使用した後損害賠償訴訟が提起され原告請求が認容された事例
    ○おさるランドに対するデザインなどの使用差止申立
    ○アフィリエイトの画像利用
    ○著作権法47条の2とデジタルデータの画素数
    ○著作権法47条の2とデジタルデータの画素数2
    ○著作権法非親告罪化と2次創作
    ○著作権法47条の2と実用品の関係
    ○著作権法47条の2と実用品の関係2
    ○ヘアスタイル・メイクの著作物
    ○著作権法は何を守っているのか
    ○アイディアと表現

    時事の法律問題


    ○ハイスコアガール問題和解成立
    ○オリンピックエンブレム撤回問題
    ○オリンピックエンブレム撤回問題②
    ○著作権判例百選第5版の出版差止申立て
    ○航空法改正によるドローン規制
    ○航空法改正によるドローンの飛行方法規制
    ○著作権判例百選第5版の出版差止申立て2
    ○「直虎」の商標を巡る記事コメントの補足
    ○アマゾン日本法人に公正取引委員会立ち入り検査の報道
    ○マリオカートのフリーライドを巡って任天堂が訴訟提起(コメントの補足)
    ○JASRACの音楽教室に対する演奏料徴収問題
    ○佐村河内氏のJASRACに対する訴訟提起
    ○「かに道楽」が「ヤマサちくわ」に提起した商標権侵害訴訟
    ○企業内の勉強会のための資料のPDF化など
    ○著作権判例百選第5版の出版差止申立て3
    ○こち亀コラージュ問題について

    IT/media


    ○ピンタレストが素晴らしすぎる
    ○ピンタレストにピンを立てることの法的検討

    意匠法


    ○画像意匠のイメージマッチング検索サービス

    知的財産権法


    ○行動展示と知的財産権
    ○AIの創作する作品と知的財産権法による保護
    ○AIの創作する作品と知的財産権法による保護2

    弁護士業及び弁護士法


    ○クリエイターエキスポ
    ○兼業弁護士について
    ○自分の活動についてのコンプライアンス調査

    社会教育関連法規


    ○博物館について

    クリエイト


    ADOBE


    ○色で描く
    ○やはりPhotoshopは優秀!
    ○色の塗り直し

    システム


    ○NOTE OF FLOAT ISLAND システム更新
    ○ブラウザにおけるウェブサイトのレンダリング
    ○NOTE OF FLOAT ISLANDの設定
    ○ウェブサイトと黄金比
    ○RSS配信
    ○レスポンシブウェブデザイン
    ○更新情報へのリンク作成
    ○ウェブと通信プロトコル
    ○事務所サイトにサイトマップをつくりました
    ○チェックボックスを利用したアコーディオン式の開閉ナビゲーション
    ○テーブルの結合
    ○更新情報の統合

    サイト


    ○NOTE OF FLOAT ISLANDに背景ページをつくりました

    クリエイトと広告


    ○ストーリーとキャラクターと広告の関係性
    ○法律事務所でのキャラクターやロゴ使用

    制作環境


    ○画像ファイルの種類
    ○画素と解像度
    ○画素とディスプレイ解像度
    ○動画ファイル
    ○液晶ペンタブレット
    ○ウェブでの簡単なアニメーション表現
    ○静止画像データとウェブ上のリサイズの構造

    デザイン


    ○デザインワーク
    ○キャラクターイラスト下書

    イラスト


    ○光や色や影について
    ○角ウサギイラスト
    ○ライオンキャラクターイラスト

    その他


    ○NOTEのリニューアル計画など

    3DCG


    ○3DCGの計算
    ○3DCGの制作について
    ○簡単な3DCGアニメーションの試作
    ○3DCGの試作
    ○3DCGの論考

    アウトプット


    ○アクリル(クリア)マウント加工
  • 著作権IT法務サイト


  • Services/取扱法務
  • GLS/グラフィックリーガル
  • Lawyer/弁護士紹介
  • Legal counsel/法律相談
  • Office/事務所
  • Fee /料金
  • Contact/ご連絡


  • Contents/コンテンツ






  • コンテンツ更新履歴
    同一性保持権
    更新2017-09-17 00:31:06

    著作権/ウェブデジタル法務セミナー・勉強会等講師
    更新2017-09-15 23:58:28

    ウェブサイトと特定商取引に関する法律
    更新2017-09-10 20:28:00

    ウェブ・IT法務
    更新2017-09-04 01:32:45

    ウェブサイト保護法務
    更新2017-09-04 01:17:09

    当ウェブサイトについて
    更新2017-09-04 01:01:08

    複製権
    更新2017-08-20 19:10:28

    インターネット上の名誉毀損と名誉感情侵害
    更新2017-08-19 12:46:36

    映画著作物における頒布権の国際消尽
    更新2017-08-19 12:44:59

    発信者情報開示請求の管轄
    更新2017-08-10 17:19:47

    イラストレーション保護法務
    更新2017-08-03 21:32:13

    デジタル著作権法務
    更新2017-08-03 21:32:13

    著作権侵害対応
    更新2017-08-03 21:32:13

    著作権侵害防御
    更新2017-08-03 21:32:13

    東北地方の著作権案件
    更新2017-08-03 21:32:13

    東海・北陸地方の著作権案件
    更新2017-08-03 21:24:46

    北海道の著作権案件
    更新2017-08-03 21:20:25

    東京高裁管内の著作権案件
    更新2017-08-03 21:20:25

    関西・中国地方・四国・九州・沖縄の著作権案件
    更新2017-08-03 21:20:25

    特許・実用新案法務
    更新2017-08-03 21:17:47

    写真/フォトグラフ保護法務
    更新2017-08-03 21:17:47

    著作権法務
    更新2017-08-03 21:17:47

    キャラクター保護法務
    更新2017-08-03 21:17:47

    ストーリー保護法務
    更新2017-08-03 21:17:47

    商標法務
    更新2017-08-03 21:17:47




    ブログ更新履歴
    こち亀コラージュ問題について
    更新2017-09-16 00:55:12

    アクリル(クリア)マウント加工
    更新2017-09-04 02:48:09

    事務所の備品購入
    更新2017-09-06 00:51:42

    ブラウザにおけるウェブサイトのレンダリング
    更新2017-08-18 23:54:05

    3DCGの計算
    更新2017-08-17 23:09:55

    ストーリーとキャラクターと広告の関係性
    更新2017-07-30 18:17:08

    「直虎」の商標を巡る記事コメントの補足
    更新2017-04-09 16:09:28

    ウェブと通信プロトコル
    更新2017-03-09 01:51:36

    マリオカートのフリーライドを巡って任天堂が訴訟提起(コメントの補足)
    更新2017-02-28 12:25:18

    法律事務所でのキャラクターやロゴ使用
    更新2017-07-30 18:16:31

    クリエイターエキスポ
    更新2017-02-19 17:21:02

    著作権法は何を守っているのか
    更新2017-02-14 15:00:45

    兼業弁護士について
    更新2017-02-07 21:21:03

    JASRACの音楽教室に対する演奏料徴収問題
    更新2017-02-11 18:29:32

    簡単な3DCGアニメーションの試作
    更新2017-01-14 14:31:11

    静止画像データとウェブ上のリサイズの構造
    更新2017-01-08 16:12:26

    3DCGの論考
    更新2017-01-08 16:10:04

    3DCGの試作
    更新2017-01-08 16:09:47

    今年のI2法務ウェブサイトの方向性
    更新2017-01-03 22:19:29

    キャラクター・コンテンツの収益化モデル
    更新2016-12-21 22:14:30

    ブログの分割と名前の変更
    更新2016-12-22 23:28:07

    著作権判例百選第5版の出版差止申立て3
    更新2016-12-11 18:33:35

    企業内の勉強会のための資料のPDF化など
    更新2016-11-22 21:12:27

    自分の活動についてのコンプライアンス調査
    更新2017-02-27 20:48:00

    3DCGの制作について
    更新2016-11-20 23:38:55




    事務所サイト更新履歴



    弁護士齋藤理央創作知的財産一覧
    弊所の+αについて



    更新2017-01-13 00:03:33

    画像0 画像2 画像0 画像3 画像0 画像4 画像0 画像5 画像0 画像1 画像0 画像6 画像0 画像2 画像0 画像3 画像0 画像4 画像0 画像5 画像0 画像1 画像0 画像6 画像0 画像2 画像0 画像3 画像0 画像4 画像0 画像5 画像0 画像1 画像0 画像6 画像0 画像4 画像0 画像5 画像0 画像1 画像0 画像6 画像0 画像2 画像0 画像3 画像0 画像4

    更新2017-01-12 23:59:30


    更新2016-09-26 23:19:41


    更新2016-09-25 01:55:34


    更新2016-09-24 02:46:39


    更新2016-09-24 02:43:00


    更新2016-09-24 02:39:42


    更新2016-09-23 00:17:56


    更新2016-09-19 19:54:57


    更新2016-09-19 19:51:38


    更新2016-09-19 17:45:06


    更新2016-09-19 17:23:55


    更新2016-09-19 17:23:30


    更新2016-09-19 17:09:45


    更新2016-09-19 16:56:01








    取扱一覧

    著作権/ウェブデジタル法務セミナー・勉強会等講師
    著作権法務
    デジタル著作権法務
    商標法務
    意匠法務
    特許・実用新案法務
    著作権登録
    著作権契約
    著作権警告書・回答書
    著作権訴訟
    著作権刑事
    著作権遺言相続
    著作権侵害防御
    著作権侵害対応
    東京高裁管内の著作権案件
    東北地方の著作権案件
    北海道の著作権案件
    東海・北陸地方の著作権案件
    関西・中国地方・四国・九州・沖縄の著作権案件
    著作権顧問契約
    知的財産権出願登録
    知的財産権契約
    知的財産権警告書・回答書
    知的財産権訴訟
    知的財産権刑事
    ウェブ・IT法務
    発信者情報開示・削除請求業務
    カリフォルニア外国法人に対する発信者情報開示
    ICT法務顧問
    キャラクター保護法務
    ストーリー保護法務
    写真/フォトグラフ保護法務
    イラストレーション保護法務
    シンボル・エンブレム・ロゴマーク保護法務
    ウェブサイト保護法務
    音楽・演奏の保護法務
    知的財産権顧問契約