How We Gain "Mobile First" Using WebP with ImageMagick

2015/2/18 画像変換Night http://connpass.com/event/11516/

Transcript

1. *NBHF.BHJDL 8FC1Ͱ
 ϞόΠϧϑΝʔετͪ͠Ό͏ !NJSBLVJ
   *TTFJ
   /BSVUB
   *OGSBTUSVDUVSF
   %JW
   $PPLQBE
   *OD 
   ը૾ม׵/JHIU
2. ࠓ೔֮͑ͯؼͬͯ
   ΄͍͜͠ͱ
3. ΢Σοϐʔ
4. IUUQKBXJLJQFEJBPSHXJLJ8FC1
5. IUUQUFDIMJGFDPPLQBEDPNFOUSZ
6. J04
   
   "OESPJE
   ΞϓϦͰ͸
 ྉཧࣸਅΛ8FC1Ͱදࣔ
7. ͳͥ
   8FC1
   ͔ʁ
8. +1&(ʹൺ΂ͯϑΝΠϧαΠζ ͕খ͘͞ɺը࣭΋ྼԽ͠ʹ͍͘
10. 8FC1ͷܽ఺
11. ܽ఺ w ରԠ؀ڥ͕গͳ͍
    w ʮӈΫϦοΫͰը૾ΛอଘʯͰ+1&(͕ཉ͍͠ਓʑ
    w GBDFCPPLͷ8FC1ෆධࣄ݅
    w ωΠςΟϒΞϓϦͳΒ໰୊ͳ͍ͷͰ͸
    w ᠘
    "OESPJE
    
    Ҏ߱Ͱඪ४ରԠͱࢥ͍͖΍ͦ͏Ͱ΋ͳ͍
 ˠ
    Ҏ߱ͷΈ༗ޮʹ͍ͯ͠Δ
12. ʮ࣌୅͸΢ΣοϐʔͰϞόΠϧϑΝʔετ͔ͩΒɻ
 5PGV͸*NBHF.BHJDLͳΜ͔ͩΒ͙͢Ͱ͖ΔͰ͠ΐʯ ʮ༨༟ͬ͢Αʯ
13. 5PGV w ΫοΫύουʹ͓͚Δը૾ͷಈతม׵γεςϜ
    w "QBDIF
    Ϟδϡʔϧ
    
    *NBHF.BHJDL
    w ৄ͘͠͸ʮDPPLQBE
    UPGVʯͰݕࡧ
    w IUUQXXXTMJEFTIBSFOFUNJSBLVJTT
14. *NBHF.BHJDLͷ
 8FC1ରԠঢ়گΛௐࠪͯ͠ΈΔ
15. IUUQEIBUFOBOFKQZPZBXFCQ
16. 
    ͔Β
    8FC1
    ରԠʂ
    ౰࣌
    5PGV
    ͸
    
17. Α͔ͬͨʜָউͳ΍ͭͩʜ
    MJCXFCQϦϯΫͯ͠ϦϏϧυ͢Δ͚ͩͰ ͍͍ΜͰ͠ΐ
18. ॱௐʹݟ͑ͨ8FC1ಋೖ
    ͔͠͠
    ͻͱ͚ͭͩ໰୊͕͋ͬͨ
19. *NBHF.BHJDL
 ͷ8FC1पΓ͸ͿͬյΕͯΔ
20. *NBHF.BHJDLͰͷ8FC1 w 8FC1
    ΁ม׵͢Δࡍʹ
    2VBMJUZ
    ʢը࣭ʣͷࢦఆ͕Ͱ͖ͳ͍
    w 8FC1
    ͷ໨ۄͰ͋Δը࣭ίϯτϩʔϧ͕Ͱ͖ͳ͍ɻແҙຯ
    w ม׵ޙ͸ৗʹ
    2VBMJUZ
    ʹͳΔʢθϩͱ͸ʜʣ
    w ϦαΠζɺΫϩοϓपΓͷڍಈ͕όάͬͯΔ
    w $.:,ը૾Λม׵͢Δͱ৭͕͓͔͘͠ͳΔ
    w ϝϞϦϦʔΫ͕͋Δ
21. ͭ·ΓյΕͯ·͢
22. $IBOHF-PHΛ
    ௥ͬͯΈΔ
23. 
    8FC1ରԠ ʢͱओுʣ
24. 
    ϝϞϦϦʔΫमਖ਼
25. 
    2VBMJUZࢦఆʹରԠ ʢػೳ௥ՃΈ͍ͨʹݴΘΕͯ΋ʜʣ
26. 
    ·ͨϝϞϦϦʔΫͷमਖ਼
27. 
    8FC1ΛσϑΥϧτT3(#Ͱ
 ग़ྗ͢ΔΑ͏ʹมߋ
28. +1&(
    $.:, 8FC1 DPOWFSU DPOWFSU
    DPMPSTQBDF
    T3(#
29. 8FC1ରԠ͍͚ͨͩͩͬͨ͠ͷʹ
 ͔ͳΓͷόʔδϣϯΞοϓΛ
 ڧ͍ΒΕΔ͜ͱ͕൑໌
30. ͥΜͥΜָউ͡Όͳ͔ͬͨ
31. *NBHF.BHJDL
    ͷ
 όʔδϣϯΞοϓා͗͢໰୊
32. ઈରʹආ͚͍ͨࣄଶ w *NBHF.BHJDLͷόʔδϣϯΞοϓʹΑͬͯ
 ग़ྗը૾ͷ৭ຯ͕มΘͬͯ͠·͏͜ͱ
    w ݕূ͸͔ͳΓେม
33. ࡶʹ࣭໰ͯ͠ΈΔ IUUQTUXJUUFSDPNNJSBLVJTUBUVT
34. IUUQTUXJUUFSDPNZPZBTUBUVT
35. ਆΑʜ
    ʢԿͰͦΜͳʹৄ͍͠ͷʜʣ
36. ͭ·Γ 
    8FC1ରԠʢসʣ
    
    ౰࣌ར༻͍ͯͨ͠όʔδϣϯ
    
    8FC1ͷϝϞϦϦʔΫमਖ਼
    
    8FC1ͷ2VBMJUZରԠ
    
    8FC1ͷϝϞϦϦʔΫमਖ਼ɺόάpY
    
    8FC1ग़ྗͷ৭ۭ͕ؒσϑΥϧτT3(#ʹ
    
    ৭ۭؒͷѻ͍͕मਖ਼ʢ৭ຯ͕มΘΔ͔΋ʣ ͜ͷ΁ΜͰࢭΊΕ͹ൺֱత҆શ
37. 8FC1ͷͨΊʹ͸ͲͷόʔδϣϯΛ࢖͑͹͍͍͔ w ͢Ͱʹ*NBHF.BHJDLʢҎલʣΛར༻தͷγεςϜ
    w ·Ͱ্͛Ε͹ʢ8FC1ʹ͓͍ͯ͸ʣඞཁे෼
    w Ͱ8FC1ͷ8JOEPXTରԠ΋͞Ε͍ͯΔ
    w ·ͩ*NBHF.BHJDLΛར༻͍ͯ͠ͳ͍γεςϜ
    w ࠷৽൛Λ࢖͍·͠ΐ͏