ImageFlux Updates 2018 - Speaker Deck

ImageFlux Updates 2018

by ImageFlux

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

։ൃαΠΫϧΛՃ଎͢ΔΫϥ΢υը૾ม׵αʔϏε

Slide 3

Slide 3 text

About ImageFlux • ը૾ม׵ͷΫϥ΢υαʔϏε • URLΛม͑Δ͚ͩͰ޷͖ͳαΠζͷαϜωΠϧΛੜ੒ • 2016/12/13ϦϦʔεɻຊαʔϏε։͔࢝Β໿1೥

Slide 4

Slide 4 text

URLΛม͑Δ͚ͩͰը૾ม׵ /thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ

Slide 5

Slide 5 text

URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=120/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠

Slide 6

Slide 6 text

URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=500/thumb.jpg 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠

Slide 7

Slide 7 text

URLΛม͑Δ͚ͩͰը૾ม׵ /c/w=500,f=webp:jpeg/… File size: 20%↓ 3ྻσβΠϯʹมߋ͍ͨ͠ɹ ը૾Λେ͖͘ද͍ࣔͨ͠ సૹྔΛগͳ͍ͨ͘͠

Slide 8

Slide 8 text

ImageFluxͷϝϦοτ • ։ൃෛՙΛ૿΍ͣ͞ʹσβΠϯͷॊೈੑΛߴΊΔ • ͪΐͬͱͨ͠σβΠϯͷมߋΛΤϯδχΞʹ૬ஊ͢Δඞཁ͕ͳ͍ • αϜωΠϧը૾ͷϚΠάϨʔγϣϯ͕ඞཁͳ͍ • ImageMagickͷ੬ऑੑͱ͔ؾʹ͠ͳͯ͘ྑ͍

Slide 9

Slide 9 text

طଘͷετϨʔδΛͦͷ··ར༻Մೳ • ϑΝΠϧͷϚΠάϨʔγϣϯͳͲඞཁͳͦ͘ͷ··ImageFluxΛద༻Մೳ • ҰൠతͳϑΝΠϧαʔόʹରԠ • HTTP/HTTPS GET • S3 API • ඞཁͳͱ͜Ζ͔Βඞཁͳ͚ͩImageFluxΛ࢖͑·͢

Slide 10

Slide 10 text

ൢചɾαϙʔτ Πϯϑϥߏஙɾӡ༻ ιϑτ΢ΣΞ։ൃ γεςϜߏங

Slide 11

Slide 11 text

͓٬༷ετϨʔδ ίϯςϯπΩϟογϡ ը૾ม׵ॲཧ ΦϦδφϧը૾Λऔಘ ม׵ޙΩϟογϡΛ഑৴ ։ൃऀ ɾ഑৴URLͷઃఆ ɾΦϦδϯͷઃఆ  ɾϨϙʔτͷӾཡ

Slide 12

Slide 12 text

εέʔϦϯάϞʔυ ΫϩοϓҐஔͷࢦఆ ը૾ͷΦʔόʔϨΠ

Slide 13

Slide 13 text

• ಉ͡ը࣭ͷJPEGͱൺֱͯ͠20-30%ϑΝΠϧαΠζΛ࡟ݮՄೳ • ϒϥ΢βͷϦΫΤετΛࣗಈ൑ผͯ͠WebP഑৴Λ੾Γସ͑ • ϞόΠϧΞϓϦͰ΋ར༻Մೳ • Android 4.4Ҏ্ • iOS (ϥΠϒϥϦͷରԠ͕ඞཁ) WebPʹΑΔ഑৴ WebP JPEG Does the browser supports WebP? /c/f=webp:jpeg/example.png

Slide 14

Slide 14 text

ImageFlux users • PCɺϞόΠϧͳͲϓϥοτϑΥʔϜΛબ͹ͣར༻ • సૹྔʹԠͨ͡ྉۚମܥͷͨΊɺαʔϏεͷεέʔϧʹ͋ΘͤͯಋೖՄೳ

Slide 15

Slide 15 text

ImageFlux users גࣜձࣾϒϥέοτ༷ גࣜձࣾϝϧΧϦ༷

Slide 16

Slide 16 text

ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ը૾ϑΥʔϚοτ΁ͷରԠ

Slide 17

Slide 17 text

ΠϯϑϥετϥΫνϟͷ֦ு • αʔόɺճઢͷ૿ڧΛ࣮ࢪ • ͜Ε͔Β΋దٓεέʔϧΞοϓΛߦ͍͖ͬͯ·͢

Slide 18

Slide 18 text

౷ܭػೳͷվળ • ೚ҙͷ೔෇Λࢦఆͯ͠Ϩϙʔτ͕Ӿཡ • ը૾ม׵ͷΤϥʔϨϙʔτΛӾཡ Unsuppoted  format example.jpg 0 byte ﬁle Broken image

Slide 19

Slide 19 text

ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ैདྷɺैྔ՝ۚͷΈͷγϯϓϧͳྉۚମܥΛ࠾༻ • ॳظඅ༻ɺసૹྔʹԠͨ͡ैྔ • ݄ʑͷྉ͕ۚΘ͔Γ΍͍͢ྉۚମܥΛݕ౼த

Slide 20

Slide 20 text

HEIF/HEIC • iOS 11͔Βಋೖ͞ΕͨHEIC΁ͷରԠΛ༧ఆ • ৄ͘͠͸ٕज़ηογϣϯ1Ͱ • ࠓޙ΋࠷৽ͷը૾ϑΥʔϚοτɺѹॖٕज़΁ͷ௥ैΛߦ͍͖ͬͯ·͢

Slide 21

Slide 21 text

ϥΠϒ഑৴ • ৽ͨʹϥΠϒ഑৴ͷಈతม׵αʔϏεΛϦϦʔε༧ఆ • ϒϥ΢β͔Β͙͢ʹେن໛ϥΠϒ഑৴Λ࣮ݱ͢ΔαʔϏε • ݱࡏઈࢍ։ൃதͷͨΊڵຯ͋Δํ͸͝࿈བྷΛ • ৄ͘͠͸ٕज़ηογϣϯ2Ͱ

Slide 22

Slide 22 text

ImageFlux Updates in 2018 • ΠϯϑϥετϥΫνϟͷ֦ு • ౷ܭػೳͷվળ • ΑΓΘ͔Γ΍͍͢ྉۚମܥ • ը૾ϑΥʔϚοτ΁ͷରԠ

Slide 23

Slide 23 text

։ൃαΠΫϧΛՃ଎͢ΔΫϥ΢υը૾ม׵αʔϏε