![2015/07/19 11:58
40/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2
むむむむ!!
input.gif[0] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb
input.gif[1] GIF 236x42 236x42+0+0 PseudoClass 128c 4e+01kb
input.gif[2] GIF 236x42 236x42+0+0 PseudoClass 128c 4e+01kb
input.gif[3] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb
input.gif[4] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb](https://image.slidesharecdn.com/imageconvert-150719032636-lva1-app6891/85/Image-convert-40-320.jpg)
![2015/07/19 11:58
43/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2
identifyidentify で確認で確認
atack.gif[0] GIF 32x31 1216x1201+16+15 8-bit sRGB 8c 21.8KB 0.000u
0:00.000 atack.gif[1] GIF 1200x1105 1216x1201+2+9 8-bit sRGB 8c 21.8KB
0.000u 0:00.000 atack.gif[2] GIF 1200x1132 1216x1201+3+8 8-bit sRGB 8c
21.8KB 0.000u 0:00.000](https://image.slidesharecdn.com/imageconvert-150719032636-lva1-app6891/85/Image-convert-43-320.jpg)
![2015/07/19 11:58
44/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2
これを考慮し忘れるとこれを考慮し忘れると......
atack.gif[0] GIF 32x31
だけで横幅を認識 -> PGは縮小する必要なしと判断](https://image.slidesharecdn.com/imageconvert-150719032636-lva1-app6891/85/Image-convert-44-320.jpg)
Image convert
- 6. 2015/07/19 11:58 6/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 過去の遺産過去の遺産 == 悪悪?? 必ずきっかけ、経緯があるはず。 作った時は良かれと思ってやった事。
- 7. 2015/07/19 11:58 7/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 経緯経緯 == ユーザの要望ユーザの要望 と考えて成功、失敗談を話せれば.. 興味を持ってもらえる話になりそう。
- 10. 2015/07/19 11:58 10/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 HTMLHTMLタグで調整する方法もタグで調整する方法も ありますがありますが.... <<imgimg srcsrc=/kanayannet/image-convert/=""画像ファイル名"" widthwidth==""横幅"" heightheight==""高さ"">>
- 16. 2015/07/19 11:58 16/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 プログラムから呼び出せるプログラムから呼び出せる convert -resize 400x300 input.jpg output.jpg 今回のコマンドはImageMagickメインで解説します。
- 17. 2015/07/19 11:58 17/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 よくある画像処理よくある画像処理 終了終了 Are You OK ?
- 21. 2015/07/19 11:58 21/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 小さくしてみた小さくしてみた
- 22. 2015/07/19 11:58 22/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 どうするのどうするの?? Crop
- 23. 2015/07/19 11:58 23/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 CropCropの定義の定義 画像から xxPX を抜き出す
- 24. 2015/07/19 11:58 24/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 コマンドでやるとこんな感じですね。コマンドでやるとこんな感じですね。 convert -crop 横x縦+横の切抜位置+縦の切抜位置 input.jpg output.jpg
- 25. 2015/07/19 11:58 25/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 Before -> AfterBefore -> After
- 26. 2015/07/19 11:58 26/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 切抜位置の適切な数値は切抜位置の適切な数値は.... サイトのユーザがアップする画像の特徴を反映する必要がある。 ユーザに委ねたい時は javascriptなどで簡単に切り抜けるGUI 用意...(ry
- 30. 2015/07/19 11:58 30/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 アニメアニメGIFGIF にも色々ありますよ。にも色々ありますよ。
- 33. 2015/07/19 11:58 33/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 これをこれを -resize option-resize option だけでだけで convertconvert するとすると...... 画像の容量が大幅に増える場合があります(汗) 差分アニメでは無くなってしまう。 黒い部分が変に混ざる場合も..(壊れる)
- 34. 2015/07/19 11:58 34/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 こうすると上手くいくこうすると上手くいく convert input.gif -coalesce -layers OptimizeTransparency -resize 横x縦 output.gif
- 37. 2015/07/19 11:58 37/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 画像の横、縦の取得方法画像の横、縦の取得方法((コマンドコマンド)) identify input.gif
- 38. 2015/07/19 11:58 38/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 こんな情報が返却させるこんな情報が返却させる input.gif GIF 116x116 116x116+0+0 PseudoClass 256c 5kb
- 39. 2015/07/19 11:58 39/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 ところでアニメところでアニメgifgif ってどうなんだろってどうなんだろ??
- 40. 2015/07/19 11:58 40/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 むむむむ!! input.gif[0] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb input.gif[1] GIF 236x42 236x42+0+0 PseudoClass 128c 4e+01kb input.gif[2] GIF 236x42 236x42+0+0 PseudoClass 128c 4e+01kb input.gif[3] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb input.gif[4] GIF 236x42 236x42+0+0 PseudoClass 256c 4e+01kb
- 41. 2015/07/19 11:58 41/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 これってこれって 22枚目から枚目から サイズ大きくとかあるサイズ大きくとかある??
- 43. 2015/07/19 11:58 43/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 identifyidentify で確認で確認 atack.gif[0] GIF 32x31 1216x1201+16+15 8-bit sRGB 8c 21.8KB 0.000u 0:00.000 atack.gif[1] GIF 1200x1105 1216x1201+2+9 8-bit sRGB 8c 21.8KB 0.000u 0:00.000 atack.gif[2] GIF 1200x1132 1216x1201+3+8 8-bit sRGB 8c 21.8KB 0.000u 0:00.000
- 44. 2015/07/19 11:58 44/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 これを考慮し忘れるとこれを考慮し忘れると...... atack.gif[0] GIF 32x31 だけで横幅を認識 -> PGは縮小する必要なしと判断
- 45. 2015/07/19 11:58 45/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 convertconvert されずにされずに すり抜けるすり抜ける
- 46. 2015/07/19 11:58 46/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 余談余談 imagemagick の option はかなりあるよ http://www.imagemagick.org/script/command-line- options.php
- 47. 2015/07/19 11:58 47/48 ページhttp://localhost:3000/image_convert.md?print-pdf=1#/4/2 まとめまとめ 画像処理は奥が深い ImageMagick の optionの数 パネエ アニメGIF怖い!