Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
画像処理の基礎の基礎 / Ultra Basic of Image Processing
Search
ハトネコエ
September 09, 2022
Technology
0
57
画像処理の基礎の基礎 / Ultra Basic of Image Processing
2022/09/09 の社内勉強会で使った資料です。
実際の発表では画像編集ソフトで実演しながら見せたので、
このスライドだけではわかりにくいところもいくらかあります。
ハトネコエ
September 09, 2022
Tweet
Share
More Decks by ハトネコエ
See All by ハトネコエ
日経が読める?! 株式市場の基礎 / Stock Market Basics
nekonenene
0
39
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
4
2.9k
今年こそ知るべきセキュリティー入門 / Security Basics 2025
nekonenene
0
65
Godot 4.3 と学ぶインタラクティブミュージック / Interactive Music Basics with Godot 4.3
nekonenene
0
180
Developer Consoleを使い倒そう / Use Web Browser DevTools
nekonenene
0
51
まだまだマイナー?! 未踏事業について教えます / Introduction of Mitou Project
nekonenene
1
150
Docker for Windows/macOS
nekonenene
0
39
技術的負債を防ぐには / What is the Technical Debt
nekonenene
0
350
伝わる文章を書こう講座 / Write the Kind Japanese Message
nekonenene
2
170
Other Decks in Technology
See All in Technology
JavaScript パーサーに using 対応をする過程で与えたエコシステムへの影響
baseballyama
1
110
AI駆動開発を実現するためのアーキテクチャと取り組み
baseballyama
2
1.2k
未回答質問の回答一覧 / 開発をリードする品質保証 QAエンジニアと開発者の未来を考える-Findy Online Conference -
findy_eventslides
0
280
Javaコミュニティの歩き方 ~参加から貢献まで、すべて教えます~
tabatad
0
130
国産クラウドを支える設計とチームの変遷 “技術・組織・ミッション”
kazeburo
3
2.7k
Rubyist入門: The Way to The Timeless Way of Programming
snoozer05
PRO
7
520
その意思決定、まだ続けるんですか? ~痛みを超えて未来を作る、AI時代の撤退とピボットの技術~
applism118
0
660
新しい風。SolidFlutterで実現するシンプルな状態管理
zozotech
PRO
0
120
なぜブラウザで帳票を生成したいのか どのようにブラウザで帳票を生成するのか
yagisanreports
0
140
社内外から"使ってもらえる"データ基盤を支えるアーキテクチャの秘訣/登壇資料(飯塚 大地・高橋 一貴)
hacobu
PRO
0
920
ステートレスなLLMでステートフルなAI agentを作る - YAPC::Fukuoka 2025
gfx
8
1.4k
LINEスキマニ/LINEバイトにおけるバックエンド開発
lycorptech_jp
PRO
0
320
Featured
See All Featured
Building an army of robots
kneath
306
46k
Visualization
eitanlees
150
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
A better future with KSS
kneath
239
18k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
It's Worth the Effort
3n
187
28k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.3k
Become a Pro
speakerdeck
PRO
29
5.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Designing for Performance
lara
610
69k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Transcript
ԣߐ ྄༎ !"#$%& ' ( % ' ( @yokoe24 )*))+,-,.
ݩωλ • Udemyの『画像処理の基礎:フィルタリ ング,パターン認識から撮像過程モデル まで』( https://www.udemy.com/ course/image_processing_python/ ) の講座を元にしています
/012 1. 基礎を学ぶ目的 2. グレースケール 3. セピア調の加工 4. トーンカーブ 5.
コントラストを強める
̍ 基礎を学ぶ目的
جૅΛֶͿత • 画像加工はいまや多くの SNS向けスマホアプリに 載っている機能のひとつです • ああいったフィルターを プログラミングで表現するには どうしたらいいのでしょう?
جૅΛֶͿత • 今回の発表ではプログラミングまで はおこないませんが、基礎を学ぶこ とで、 どのようにライブラリを扱えば表現 できるのかのイメージは付きやすく なると思います。
̎ グレースケール
Χϥʔը૾
άϨʔεέʔϧը૾
• グレースケール(白黒の濃淡) という言葉であることが大事! • 黒(0%)〜白(100%)を、 各ドット(画素)が 表現しているイメージ GRAY SCALE
Χϥʔը૾ͦΕ3ͭ • 光の三原色は RGB(レッド・グリーン・ブルー) • グレースケールならぬ、 レッドスケール・グリーンスケー ル・ブルースケールの組み合わせで 1枚の画像が出来ているイメージ
Χϥʔը૾ͦΕ3ͭ 黒(0%)〜赤(100%) 黒(0%)〜緑(100%) 黒(0%)〜青(100%)
̏ セピア写真を作る
άϨʔεέʔϧը૾
• 同じようなグレースケール画像で、 黒(0%)〜白(100%)でなく、 黒(0%)〜暗い黄色(100%)で 表現してみたら セピア調になるのでは? ࠇʙനͰͳ͘͢Δͱʁ
࣮ԋͯ͠ΈΑ͏
̐ トーンカーブ
τʔϯΧʔϒ 黒(0%) ↔ 白(100%)
τʔϯΧʔϒ࣮ԋ • 真っ黒にしたり、 真っ白にしたり、 明るくしたり、 暗くしたり、 がトーンカーブをいじって できることを見てみましょう
̑ コントラストを強める
ΦϦδφϧ
ίϯτϥετڧΊ
ίϯτϥετऑΊ
ίϯτϥετΛม͑Δ • これもトーンカーブをいじることで 再現できます。見てみましょう • 明るいところを明るく、 暗いところをより暗くするのが コントラストを強めるということです
άϥϑͰग़དྷΔͳΒ… • y = x のグラフを変えることで 画像のコントラストを変えることが できるということは、 おそらくプログラミングでできるだろう という気になってきますね?!
̒ おしまい
·ͱΊ • セピア調の加工や コントラストの変更などについて 「たしかにプログラミングの制御ででき そう・・・かも?」と思うところまで 進めたら幸いです • より詳しくは https://www.udemy.com/
course/image_processing_python/ で!