Recommended
More Related Content
Similar to 開発Tips集
More from Natsuki Yamanaka
More from Natsuki Yamanaka (11)
開発Tips集
- 1. 開発tips集 画像編
- 8. 1. 適当なアイコン画像欲しい時 : http://www.flaticon.com/ で検索 2. 適当にダミー画像入れたい時 : https://placehold.jp/ で生成 3. 画像のリサイズ : ImageMagick, sips, プレビュー, Web上のリサイズサービス 4. 画像のフォーマット変換 : ImageMagick, sips 5. 画像の色調変換、その他簡単な加工 : ImageMagick 6. 画像の容量落とす : ImageOptim, PNGGauntlet 7. 画像に字幕、矢印、モザイクその他をつける : Skitch 逆引き目次
- 12. ・Mac標準「プレビュー」の意外と知られていないTips で色々な機能が紹介されてる ・同じような色のエリアを選択し透過してくれる機能(インスタントアルファ) ・PDFのファイルサイズを圧縮 ・画像を回転 などもできるよ！ ちなみに : Macのプレビューについて
- 13. ・コマンドで一括で加工したい時 →Macなら標準で入ってるsipsコマンド 例：横幅100pxにリサイズ sips --resampleWidth 100 icon.png 例：100 x 100pxにリサイズ sips -z 100 100 icon.png 画像のリサイズ
- 14. sipsコマンドの機能 ● 各種ラスタイメージ形式の読み書きと変換 ● jpeg（Jfif および Xiff）、GIF、PNG ● 基本的画像処理 ● 回転、反転、切り取り、パディング、再サンプリング、解像度変更 ● カラーマネージメント操作 ● プロファイルの埋め込み、抽出、調整 ● 既知のメタデータタグの読み書き ● 可能な限りのオリジナルコンテンツの維持 とかできるらしい 画像のリサイズ
- 17. ImageMagick Convertコマンドを使う convert <変換前の画像名> -resize (width)x(height) <変換後の画像名> 例: convert before.jpg -resize 150×150 after.jpg 画像のリサイズ
- 18. ImageMagick 例: 画像をpdfにしたい場合 convert ファイル名.jpeg ファイル名.pdf 拡張子で判別する gif, jpg, pngに加えてEPSやSVGも可能 画像のフォーマット変換
- 19. ImageMagick 例: 画像の色相を変えたい convert <変換前の画像名> -modulate 100 , 100 , (value) <変換後の画像名> 画像の色調変換、その他簡単な加工
- 20. ImageMagick 例: 画像の明るさの調整 convert <変換前の画像名> -modulate (value) <変換後の画像名> 画像の色調変換、その他簡単な加工
- 22. ・画像サイズは変えたくないけど、apkの容量制限とかの為にもう少し画像の容量を切り 詰めたい時など Mac : ImageOptim Windows : PNGGauntlet, PNGOUT ・ImageOptimとPNGGauntletはどちらもアプリ起動して画像ドラッグアンドドロップする だけ ・ImageOptimjはコマンドラインからも使える、PNGOUTはPNGGauntletのコマンドライ ン版 画像の容量落とす