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
ImageFlux Updates 2018
Search
ImageFlux
January 26, 2018
Technology
2
1.4k
ImageFlux Updates 2018
ImageFlux meetup #1
MICHII Shunsuke, pixiv Technologies Inc.
2018-01-25
ImageFlux
January 26, 2018
Tweet
Share
More Decks by ImageFlux
See All by ImageFlux
ImageFluxについて / CAMPHOR- 2021-12-18
imageflux
0
620
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.4k
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
imageflux
2
18k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
18k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
5.8k
ImageFlux Live Streamingについて
imageflux
0
32k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
11k
Other Decks in Technology
See All in Technology
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
nobu09
1
600
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
250
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing Hiroshima 2025 Edition
tomzoh
0
140
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
490
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.7k
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
210
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
250
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.5k
CoRL 2025 Survey
harukiabe
1
210
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
1
200
Simplifying Cloud Native app testing across environments with Dapr and Microcks
salaboy
0
180
Introdução a Service Mesh usando o Istio
aeciopires
0
190
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Six Lessons from altMBA
skipperchong
29
4k
Mobile First: as difficult as doing things right
swwweet
225
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Navigating Team Friction
lara
190
15k
Automating Front-end Workflow
addyosmani
1371
200k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Transcript
ImageFlux Updates MICHII Shunsuke | pixiv Technologies Inc. ImageFlux meetup
#1 2018-01-25
։ൃαΠΫϧΛՃ͢ΔΫϥυը૾มαʔϏε
About ImageFlux • ը૾มͷΫϥυαʔϏε • URLΛม͑Δ͚ͩͰ͖ͳαΠζͷαϜωΠϧΛੜ • 2016/12/13ϦϦʔεɻຊαʔϏε։͔࢝Β1
URLΛม͑Δ͚ͩͰը૾ม /thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ
URLΛม͑Δ͚ͩͰը૾ม /c/w=120/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠
URLΛม͑Δ͚ͩͰը૾ม /c/w=500/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠
URLΛม͑Δ͚ͩͰը૾ม /c/w=500,f=webp:jpeg/… File size: 20%↓ 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠
ImageFluxͷϝϦοτ • ։ൃෛՙΛ૿ͣ͞ʹσβΠϯͷॊೈੑΛߴΊΔ • ͪΐͬͱͨ͠σβΠϯͷมߋΛΤϯδχΞʹ૬ஊ͢Δඞཁ͕ͳ͍ • αϜωΠϧը૾ͷϚΠάϨʔγϣϯ͕ඞཁͳ͍ • ImageMagickͷ੬ऑੑͱ͔ؾʹ͠ͳͯ͘ྑ͍
طଘͷετϨʔδΛͦͷ··ར༻Մೳ • ϑΝΠϧͷϚΠάϨʔγϣϯͳͲඞཁͳͦ͘ͷ··ImageFluxΛద༻Մೳ • ҰൠతͳϑΝΠϧαʔόʹରԠ • HTTP/HTTPS GET • S3
API • ඞཁͳͱ͜Ζ͔Βඞཁͳ͚ͩImageFluxΛ͑·͢
ൢചɾαϙʔτ Πϯϑϥߏஙɾӡ༻ ιϑτΣΞ։ൃ γεςϜߏங
͓٬༷ετϨʔδ ίϯςϯπΩϟογϡ ը૾มॲཧ ΦϦδφϧը૾Λऔಘ มޙΩϟογϡΛ৴ ։ൃऀ ɾ৴URLͷઃఆ ɾΦϦδϯͷઃఆ ɾϨϙʔτͷӾཡ
εέʔϦϯάϞʔυ ΫϩοϓҐஔͷࢦఆ ը૾ͷΦʔόʔϨΠ
• ಉ͡ը࣭ͷJPEGͱൺֱͯ͠20-30%ϑΝΠϧαΠζΛݮՄೳ • ϒϥβͷϦΫΤετΛࣗಈผͯ͠WebP৴ΛΓସ͑ • ϞόΠϧΞϓϦͰར༻Մೳ • Android 4.4Ҏ্ •
iOS (ϥΠϒϥϦͷରԠ͕ඞཁ) WebPʹΑΔ৴ WebP JPEG Does the browser supports WebP? /c/f=webp:jpeg/example.png
ImageFlux users • PCɺϞόΠϧͳͲϓϥοτϑΥʔϜΛબͣར༻ • సૹྔʹԠͨ͡ྉۚମܥͷͨΊɺαʔϏεͷεέʔϧʹ͋ΘͤͯಋೖՄೳ
ImageFlux users גࣜձࣾϒϥέοτ༷ גࣜձࣾϝϧΧϦ༷
ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ͍͢ྉۚମܥ
• ը૾ϑΥʔϚοτͷରԠ
ΠϯϑϥετϥΫνϟͷ֦ு • αʔόɺճઢͷ૿ڧΛ࣮ࢪ • ͜Ε͔ΒదٓεέʔϧΞοϓΛߦ͍͖ͬͯ·͢
౷ܭػೳͷվળ • ҙͷΛࢦఆͯ͠Ϩϙʔτ͕Ӿཡ • ը૾มͷΤϥʔϨϙʔτΛӾཡ Unsuppoted format example.jpg 0 byte
file Broken image
ΑΓΘ͔Γ͍͢ྉۚମܥ • ैདྷɺैྔ՝ۚͷΈͷγϯϓϧͳྉۚମܥΛ࠾༻ • ॳظඅ༻ɺసૹྔʹԠͨ͡ैྔ • ݄ʑͷྉ͕ۚΘ͔Γ͍͢ྉۚମܥΛݕ౼த
HEIF/HEIC • iOS 11͔Βಋೖ͞ΕͨHEICͷରԠΛ༧ఆ • ৄٕ͘͠ज़ηογϣϯ1Ͱ • ࠓޙ࠷৽ͷը૾ϑΥʔϚοτɺѹॖٕज़ͷैΛߦ͍͖ͬͯ·͢
ϥΠϒ৴ • ৽ͨʹϥΠϒ৴ͷಈతมαʔϏεΛϦϦʔε༧ఆ • ϒϥβ͔Β͙͢ʹେنϥΠϒ৴Λ࣮ݱ͢ΔαʔϏε • ݱࡏઈࢍ։ൃதͷͨΊڵຯ͋Δํ͝࿈བྷΛ • ৄٕ͘͠ज़ηογϣϯ2Ͱ
ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ͍͢ྉۚମܥ
• ը૾ϑΥʔϚοτͷରԠ
։ൃαΠΫϧΛՃ͢ΔΫϥυը૾มαʔϏε