ImageFlux Updates 2018

ImageFlux meetup #1
MICHII Shunsuke, pixiv Technologies Inc.
2018-01-25

Transcript

1. ImageFlux Updates MICHII Shunsuke | pixiv Technologies Inc. ImageFlux meetup #1 2018-01-25
2. ։ൃαΠΫϧΛՃ଎͢ΔΫϥ΢υը૾ม׵αʔϏε
3. About ImageFlux • ը૾ม׵ͷΫϥ΢υαʔϏε • URLΛม͑Δ͚ͩͰ޷͖ͳαΠζͷαϜωΠϧΛੜ੒ • 2016/12/13ϦϦʔεɻຊαʔϏε։͔࢝Β໿1೥
4. URLΛม͑Δ͚ͩͰը૾ม׵ /thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ
5. URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=120/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠
6. URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=500/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠
7. URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=500,f=webp:jpeg/… File size: 20%↓ 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠
8. ImageFluxͷϝϦοτ • ։ൃෛՙΛ૿΍ͣ͞ʹσβΠϯͷॊೈੑΛߴΊΔ • ͪΐͬͱͨ͠σβΠϯͷมߋΛΤϯδχΞʹ૬ஊ͢Δඞཁ͕ͳ͍ • αϜωΠϧը૾ͷϚΠάϨʔγϣϯ͕ඞཁͳ͍ • ImageMagickͷ੬ऑੑͱ͔ؾʹ͠ͳͯ͘ྑ͍
9. طଘͷετϨʔδΛͦͷ··ར༻Մೳ • ϑΝΠϧͷϚΠάϨʔγϣϯͳͲඞཁͳͦ͘ͷ··ImageFluxΛద༻Մೳ • ҰൠతͳϑΝΠϧαʔόʹରԠ • HTTP/HTTPS GET • S3 API • ඞཁͳͱ͜Ζ͔Βඞཁͳ͚ͩImageFluxΛ࢖͑·͢
10. ൢചɾαϙʔτ Πϯϑϥߏஙɾӡ༻ ιϑτ΢ΣΞ։ൃ γεςϜߏங
11. ͓٬༷ετϨʔδ ίϯςϯπΩϟογϡ ը૾ม׵ॲཧ ΦϦδφϧը૾Λऔಘ ม׵ޙΩϟογϡΛ഑৴ ։ൃऀ ɾ഑৴URLͷઃఆ ɾΦϦδϯͷઃఆ
 ɾϨϙʔτͷӾཡ
12. εέʔϦϯάϞʔυ ΫϩοϓҐஔͷࢦఆ ը૾ͷΦʔόʔϨΠ
13. • ಉ͡ը࣭ͷJPEGͱൺֱͯ͠20-30%ϑΝΠϧαΠζΛ࡟ݮՄೳ • ϒϥ΢βͷϦΫΤετΛࣗಈ൑ผͯ͠WebP഑৴Λ੾Γସ͑ • ϞόΠϧΞϓϦͰ΋ར༻Մೳ • Android 4.4Ҏ্ • iOS (ϥΠϒϥϦͷରԠ͕ඞཁ) WebPʹΑΔ഑৴ WebP JPEG Does the browser supports WebP? /c/f=webp:jpeg/example.png
14. ImageFlux users • PCɺϞόΠϧͳͲϓϥοτϑΥʔϜΛબ͹ͣར༻ • సૹྔʹԠͨ͡ྉۚମܥͷͨΊɺαʔϏεͷεέʔϧʹ͋ΘͤͯಋೖՄೳ
15. ImageFlux users גࣜձࣾϒϥέοτ༷ גࣜձࣾϝϧΧϦ༷
16. ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ը૾ϑΥʔϚοτ΁ͷରԠ
17. ΠϯϑϥετϥΫνϟͷ֦ு • αʔόɺճઢͷ૿ڧΛ࣮ࢪ • ͜Ε͔Β΋దٓεέʔϧΞοϓΛߦ͍͖ͬͯ·͢
18. ౷ܭػೳͷվળ • ೚ҙͷ೔෇Λࢦఆͯ͠Ϩϙʔτ͕Ӿཡ • ը૾ม׵ͷΤϥʔϨϙʔτΛӾཡ Unsuppoted
 format example.jpg 0 byte file Broken image
19. ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ैདྷɺैྔ՝ۚͷΈͷγϯϓϧͳྉۚମܥΛ࠾༻ • ॳظඅ༻ɺసૹྔʹԠͨ͡ैྔ • ݄ʑͷྉ͕ۚΘ͔Γ΍͍͢ྉۚମܥΛݕ౼த
20. HEIF/HEIC • iOS 11͔Βಋೖ͞ΕͨHEIC΁ͷରԠΛ༧ఆ • ৄ͘͠͸ٕज़ηογϣϯ1Ͱ • ࠓޙ΋࠷৽ͷը૾ϑΥʔϚοτɺѹॖٕज़΁ͷ௥ैΛߦ͍͖ͬͯ·͢
21. ϥΠϒ഑৴ • ৽ͨʹϥΠϒ഑৴ͷಈతม׵αʔϏεΛϦϦʔε༧ఆ • ϒϥ΢β͔Β͙͢ʹେن໛ϥΠϒ഑৴Λ࣮ݱ͢ΔαʔϏε • ݱࡏઈࢍ։ൃதͷͨΊڵຯ͋Δํ͸͝࿈བྷΛ • ৄ͘͠͸ٕज़ηογϣϯ2Ͱ
22. ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ը૾ϑΥʔϚοτ΁ͷରԠ
23. ։ൃαΠΫϧΛՃ଎͢ΔΫϥ΢υը૾ม׵αʔϏε