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.3k
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
560
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.2k
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.6k
ImageFlux Live Streamingについて
imageflux
0
31k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
10k
Other Decks in Technology
See All in Technology
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
750
OPENLOGI Company Profile for engineer
hr01
1
18k
三菱電機で社内コミュニティを立ち上げた話
kurebayashi
1
310
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
160
Oracle Exadata Database Service(Dedicated Infrastructure):サービス概要のご紹介
oracle4engineer
PRO
0
12k
プロダクトの寿命を延ばすためにエンジニアが考えるべきこと 〜バージョンアップってなんのためにやるのか〜 / Strategies for product longevity
kaonavi
0
100
Evolving Architecture
rainerhahnekamp
3
240
商品レコメンドでのexplicit negative feedbackの活用
alpicola
0
160
AWS re:Invent 2024 ふりかえり勉強会
yhana
0
710
Fearsome File Formats
ange
0
570
AWSの生成AIサービス Amazon Bedrock入門!(2025年1月版)
minorun365
PRO
7
400
型情報を用いたLintでコード品質を向上させる
sansantech
PRO
2
250
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
560
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Bash Introduction
62gerente
610
210k
GraphQLとの向き合い方2022年版
quramy
44
13k
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 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ͍͢ྉۚମܥ
• ը૾ϑΥʔϚοτͷରԠ
։ൃαΠΫϧΛՃ͢ΔΫϥυը૾มαʔϏε