Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
ImageFlux Updates 2018
ImageFlux
January 26, 2018
Technology
2
1k
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
210
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
1.9k
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
imageflux
2
16k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
16k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
4.7k
ImageFlux Live Streamingについて
imageflux
0
28k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
5
9.7k
Other Decks in Technology
See All in Technology
ZOZOTOWNのProduction Readiness Checklistと信頼性向上の取り組み / Improvement the reliability of ZOZOTOWN with Production Readiness Checklist
akitok_
5
1.7k
TypeScript 4.7と型レベルプログラミング
uhyo
6
3.4k
Dagu | オンプレ向けワークフローエンジン(WebUI 同梱)
yohamta
0
180
GitHub Actionsを使用してGoogle Play Consoleに自動アップロード
takenaga7
0
110
インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」
cyberblack28
11
7k
A1A会社紹介資料-2022-05-20
a1a
2
1.1k
⚡Lightdashを試してみた
k_data_analyst
0
210
runn is a package/tool for running operations following a scenario. / golang.tokyo #32
k1low
1
210
Adopting Kafka for the #1 job site in the world
ymyzk
1
480
プロダクション環境の信頼性を損ねず観測する技術
egmc
4
550
1,000万人以上が利用する「家族アルバム みてね」のSRE組織は4年間でどのように作られてきたのか/SRE NEXT 2022
isaoshimizu
6
3k
家の明るさ制御 / Brightness Control in My House
1024jp
0
110
Featured
See All Featured
Optimizing for Happiness
mojombo
365
63k
What's new in Ruby 2.0
geeforr
336
30k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
212
11k
Navigating Team Friction
lara
175
11k
Adopting Sorbet at Scale
ufuk
63
7.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
910
The Mythical Team-Month
searls
208
39k
Clear Off the Table
cherdarchuk
79
280k
The Art of Programming - Codeland 2020
erikaheidi
32
5.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
WebSockets: Embracing the real-time Web
robhawkes
57
5k
Producing Creativity
orderedlist
PRO
333
37k
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 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ͍͢ྉۚମܥ
• ը૾ϑΥʔϚοτͷରԠ
։ൃαΠΫϧΛՃ͢ΔΫϥυը૾มαʔϏε