Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
630
画像処理サービスを作る際の落とし穴を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.9k
ImageFlux Live Streamingについて
imageflux
0
32k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
11k
Other Decks in Technology
See All in Technology
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
980
21st ACRi Webinar - AMD Presentation Slide (Nao Sumikawa)
nao_sumikawa
0
200
A Compass of Thought: Guiding the Future of Test Automation ( #jassttokai25 , #jassttokai )
teyamagu
PRO
1
180
20251127 BigQueryリモート関数で作る、お手軽AIバッチ実行環境
daimatz
0
420
.NET 10 のパフォーマンス改善
nenonaninu
2
4.7k
なぜ使われないのか?──定量×定性で見極める本当のボトルネック
kakehashi
PRO
1
720
mablでリグレッションテストをデイリー実行するまで #mablExperience
bengo4com
0
470
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
eBPFとwaruiBPF
sat
PRO
0
220
Introduction to Bill One Development Engineer
sansan33
PRO
0
320
生成AI・AIエージェント時代、データサイエンティストは何をする人なのか?そして、今学生であるあなたは何を学ぶべきか?
kuri8ive
2
1.6k
GitLab Duo Agent Platformで実現する“AI駆動・継続的サービス開発”と最新情報のアップデート
jeffi7
0
120
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
46
7.8k
A designer walks into a library…
pauljervisheath
210
24k
The Language of Interfaces
destraynor
162
25k
Optimizing for Happiness
mojombo
379
70k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
700
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Automating Front-end Workflow
addyosmani
1371
200k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
How STYLIGHT went responsive
nonsquared
100
5.9k
How to train your dragon (web standard)
notwaldorf
97
6.4k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
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 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ͍͢ྉۚମܥ
• ը૾ϑΥʔϚοτͷରԠ
։ൃαΠΫϧΛՃ͢ΔΫϥυը૾มαʔϏε