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
56
画像処理の基礎の基礎 / Ultra Basic of Image Processing
2022/09/09 の社内勉強会で使った資料です。
実際の発表では画像編集ソフトで実演しながら見せたので、
このスライドだけではわかりにくいところもいくらかあります。
ハトネコエ
September 09, 2022
Tweet
Share
More Decks by ハトネコエ
See All by ハトネコエ
日経が読める?! 株式市場の基礎 / Stock Market Basics
nekonenene
0
31
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
4
2.9k
今年こそ知るべきセキュリティー入門 / Security Basics 2025
nekonenene
0
62
Godot 4.3 と学ぶインタラクティブミュージック / Interactive Music Basics with Godot 4.3
nekonenene
0
170
Developer Consoleを使い倒そう / Use Web Browser DevTools
nekonenene
0
47
まだまだマイナー?! 未踏事業について教えます / Introduction of Mitou Project
nekonenene
1
140
Docker for Windows/macOS
nekonenene
0
37
技術的負債を防ぐには / What is the Technical Debt
nekonenene
0
340
伝わる文章を書こう講座 / Write the Kind Japanese Message
nekonenene
2
160
Other Decks in Technology
See All in Technology
AI ReadyなData PlatformとしてのAutonomous Databaseアップデート
oracle4engineer
PRO
0
170
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
470
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9k
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
140
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
130
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
140
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
520
Findy Team+のSOC2取得までの道のり
rvirus0817
0
330
Green Tea Garbage Collector の今
zchee
PRO
2
390
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
210
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Code Review Best Practice
trishagee
72
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Designing for humans not robots
tammielis
254
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Faster Mobile Websites
deanohume
310
31k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
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/ で!