How We Gain "Mobile First" Using WebP with ImageMagick

6f8e101c016fa7ebbe58e693dbd86b7d?s=47 Issei Naruta
February 18, 2015
Technology
10
11k

How We Gain "Mobile First" Using WebP with ImageMagick

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

6f8e101c016fa7ebbe58e693dbd86b7d?s=128

Issei Naruta

February 18, 2015
Tweet

More Decks by Issei Naruta

See All by Issei Naruta
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
0
260
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
3
810
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
5
5.4k
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
1
870
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
6
5.8k
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
46
35k
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
173
40k
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
85
11k
6f8e101c016fa7ebbe58e693dbd86b7d?s=48 mirakui
88
14k

Other Decks in Technology

See All in Technology
1d8947ec45ce78c83251f4d076abe329?s=48 rpabank
0
140
457ada693e168bd1102fec3914040b5d?s=48 uipath_friends
0
140
Ecad9d801d79f6c6e5df93094690685e?s=48 sinsoku
6
1.4k
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
2
520
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
4
350
E8f618bf29b36a046d01e235071b2ac3?s=48 trafficbrain
0
500
Cc8a208e174943d1da814783841abd50?s=48 shinodogg
0
170
A581dece94e3a97b391d3d17b10cf084?s=48 fnario
0
140
23190387d424e33d6a1a807cea1e0469?s=48 osamtimizer
1
390
332f89cc697355902a817506b6995f2b?s=48 ytaka23
1
820
966e29b84ae7dbde170f66b0bc75b7a6?s=48 ishiayaya
2
210
8434e5fcdb11033234455d4b2bfb6bb3?s=48 voyage_tech
0
520

Featured

See All Featured
Ba530e786553390f3fb271848485681c?s=48 3n
161
22k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
460
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
227
17k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
39k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
15
1k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
24
1.7k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
356
62k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k

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&(ʹൺ΂ͯϑΝΠϧαΠζ ͕খ͘͞ɺը࣭΋ྼԽ͠ʹ͍͘

  9. None

  10. 8FC1ͷܽ఺

  11. ܽ఺ w ରԠ؀ڥ͕গͳ͍ w ʮӈΫϦοΫͰը૾ΛอଘʯͰ+1&(͕ཉ͍͠ਓʑ w GBDFCPPLͷ8FC1ෆධࣄ݅ w ωΠςΟϒΞϓϦͳΒ໰୊ͳ͍ͷͰ͸ w

    ᠘"OESPJEҎ߱Ͱඪ४ରԠͱࢥ͍͖΍ͦ͏Ͱ΋ͳ͍
 ˠҎ߱ͷΈ༗ޮʹ͍ͯ͠Δ

  12. ʮ࣌୅͸΢ΣοϐʔͰϞόΠϧϑΝʔετ͔ͩΒɻ
 5PGV͸*NBHF.BHJDLͳΜ͔ͩΒ͙͢Ͱ͖ΔͰ͠ΐʯ ʮ༨༟ͬ͢Αʯ

  13. 5PGV w ΫοΫύουʹ͓͚Δը૾ͷಈతม׵γεςϜ w "QBDIFϞδϡʔϧ *NBHF.BHJDL w ৄ͘͠͸ʮDPPLQBEUPGVʯͰݕࡧ 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 DPOWFSUDPMPSTQBDFT3(#

  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

    ࠷৽൛Λ࢖͍·͠ΐ͏