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
52
画像処理の基礎の基礎 / Ultra Basic of Image Processing
2022/09/09 の社内勉強会で使った資料です。
実際の発表では画像編集ソフトで実演しながら見せたので、
このスライドだけではわかりにくいところもいくらかあります。
ハトネコエ
September 09, 2022
Tweet
Share
More Decks by ハトネコエ
See All by ハトネコエ
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
4
2.8k
今年こそ知るべきセキュリティー入門 / Security Basics 2025
nekonenene
0
54
Godot 4.3 と学ぶインタラクティブミュージック / Interactive Music Basics with Godot 4.3
nekonenene
0
150
Developer Consoleを使い倒そう / Use Web Browser DevTools
nekonenene
0
44
まだまだマイナー?! 未踏事業について教えます / Introduction of Mitou Project
nekonenene
1
140
Docker for Windows/macOS
nekonenene
0
33
技術的負債を防ぐには / What is the Technical Debt
nekonenene
0
340
伝わる文章を書こう講座 / Write the Kind Japanese Message
nekonenene
2
160
Unity で Android 自動ビルドしたかった話 / I tried Android build of Unity using Docker, but...
nekonenene
0
2.2k
Other Decks in Technology
See All in Technology
Oracle Cloud Infrastructure:2025年7月度サービス・アップデート
oracle4engineer
PRO
1
110
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
1k
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
290
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
720
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
1.8k
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
130
Claude Codeから我々が学ぶべきこと
s4yuba
6
1.7k
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
yu_kod
1
250
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
moriyuya
0
980
Perlアプリケーションで トレースを実装するまでの 工夫と苦労話
masayoshi
1
410
MCP認可の現在地と自律型エージェント対応に向けた課題 / MCP Authorization Today and Challenges to Support Autonomous Agents
yokawasa
5
1.7k
金融サービスにおける高速な価値提供とAIの役割 #BetAIDay
layerx
PRO
1
720
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
It's Worth the Effort
3n
185
28k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
A designer walks into a library…
pauljervisheath
207
24k
Music & Morning Musume
bryan
46
6.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Code Review Best Practice
trishagee
69
19k
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/ で!