はじめに ImageMagick は画像の拡大や縮小、いわゆるリサイズ処理を制御するオプションが幾つもあります。 -resize, -thumbnail, -scale, -sample, -resample, -geometry。 これらのオプションと、リサイズのちょっとだけ細かい話をします。 本エントリで説明しない事 ImageMagick 初心者がはじめに引っかかる、100x100 を指定したのに 100x100 の画像が出来ない問題は別記事にしました。そちらをご参照下さい。 ImageMagick の Geometry 仕様 https://qiita.com/yoya/items/704fdfbd881f166125d8 あと、少し高度なリサイズとして -distort Resize があります。時間がかかっても質の良いリサイズが欲しい場合にお勧めです。更に、特殊なリサイズとして

Mar 14, 2017Download as PPTX, PDF1 like1,613 views

今日は夏コミのようですね！僕は今年は特に原稿を描いておらず用事も無いためコミケに縁のない夏を過ごしてしまいました。 ところで最近拙作の ATS(Apache Traffic Server) プラグインである ts_mruby にレスポンスボディをいじくるメソッドを追加し、ふと思い立って画像リサイズのロジックを mruby で書いてみました。 そのレスポンスボディ加工メソッドは ATS::Filter#transform! になります。 このメソッドではブロックまたは Proc オブジェクトを渡すとブロックパラメータに加工前のレスポンスボディが渡され、評価値でレスポンスボディを差し替えます。 f = ATS::Filter.new f.transform! do |body| # append text to the end of response body body + "rewritte

TensorFlowでのDeep Learningによるアイドルの顔識別 のためのデータ作成 - すぎゃーんメモ の記事で書いているけれど、学習用データとして使うために収集した画像から「顔の領域」だけを切り出して「固定サイズ」(112x112など)に切り出す必要があって。 以前にも書いたけど、自撮り画像はけっこう顔が傾いた状態で写っているものが多いので、それも検出できるようにしたりしている。 Heroku + OpenCVで簡易顔検出API - すぎゃーんメモ で、せっかく傾きの角度も含めて検出できるならそのぶんを補正して回転加工して切り出すようにしていて。 …というのを RMagick のRVGを使ってcanvasっぽい感じでどやこや書いていたのだけど、どうも使っているImageMagickのバージョンなどの影響もあるのかもしれないけど #destroy!とか明示的に呼んでるはずなのにメ

GoImagick詳解 (GoCon2016Spring用)

もうサムネイルで泣かないための ImageMagick ノウハウ集に一言ツッコミ

こんにちわ、アプリケーション基盤チームの青木(@a_o_k_i_n_g)です。好きなみかんは紅マドンナです。 今回は、サイボウズのサムネイル事情について記事を書きたいと思います。サイボウズに限らず通常の Web アプリケーションでもサムネイル作成はよくあると思いますが、ハマりどころが多く涙しているサムネイリストも多いかと思います。これからの時代を生きるサムネイリストが快適なサムネイルライフを送れるよう、知見を共有したいと思います。 弊社では画像変換ツールに ImageMagick を用いており、従って本知見は ImageMagick 固有のものがほとんどです。 画像比較は人間の眼で行うべし サムネイル周りに何か修正を入れたら修正前後の画像を比較しましょう。機械によるバイト列の比較では画像の良し悪しがわかりません。頼れるのは人間の眼だけです。肉眼で確認しましょう。 比較できるツールを作ると良

tmixエンジニアのid:ksssです。 今年の夏も暑いですね。 僕は最近tmixで作ったドライTシャツを着て、朝のランニングで体力づくりに取り組んでいます。 http://tmix.jp/designs/2052395 このTシャツには、プログラマー界での有名な言葉をもじって「ぐだぐだ言ってないで、走れ！」という意味を込めていて、なまけがちな自分をとっとと走りに行かせようと意識をたかめています。 今回はここに表示されている画像の裏側についてお話したいと思います。 動的画像変換 このTシャツ画像はリクエストを受けたときに指定のサイズの画像を生成して返しています。 動的画像変換を使うと、管理するファイルの削減や、事前処理の単純化、デザインへの柔軟対応などのメリットがあり、tmixでも様々なページで使われています。 動的画像変換には様々な実装がありますが、tmixではあまりがんばらない動的画像

前回マナカナの画像をBingAPIを使って収集しましたが、 今回はマナカナの画像から、顔だけを切り出して行きます 顔の切り出しをするには、顔の位置を特定してとか色々必要層ですが、 今回はまとめてProjectOxfordのFaceAPIを使います。 Microsoft Project Oxford Face APIs 使うためにはAzureのPortalからMarketplace FaceAPI 後は必要そうな情報をいれて数クリックで使えるようになりました。 Sign Upが完了したら https://dev.projectoxford.ai/Developer にアクセスして、Keyを取得します Keyが取得出来たら後は使うだけで、顔の切り出しが出来るようになります。 カレントディレクトリに写真があるとして、 以下のスクリプトを実行です。 （実行にはjqとimagemagickが必要です

こんばんは、牧野です。 以前、GDでの画像処理を紹介しました。 今日はPHPでよく使われるもう１つの画像処理方法、ImageMagickを使うやり方で画質にどれくらい差があるのか比べてみました。 まずは早速、テスト用プログラムです。 gd_test.php <?php $image_file = 'sample.jpg'; $img = new MyImage($image_file); $img->resizeImage(500, 500); $img->createImageFile('.', 'gd_sample.jpg'); header('Content-type: image/jpeg'); readfile('gd_sample.jpg'); class MyImage { var $img; var $width; var $height; var $font_path;

やりたかったこと こんな感じで並んでいるローグライク用のモンスター画像を ↓↓↓ こういう並びに変えたかったのですが…… これだけのキャラクターの画像をすべて手作業で処理するのはかなり大変……。 なので、スクリプトで自動化できないかと調べたところ、ImageMagickを使うのがよさげでした。 ImageMagickのインストール Mac環境なのでMacPorts経由でインストールしました。 macにImageMagickをインストール！ Windows環境なら、こちらを参考にインストーラーを使うと簡単にインストールできそう。 ImageMagick インストール やり方 手順 以下の手順で画像を加工することにしました 画像を切り抜いて、1つのキャラ画像に分ける 切り抜いたキャラ画像を連結する 画像の切り抜き 画像の切り抜きには -crop オプションを使います。

ImageMagickはコマンドラインから画像を編集したり出来るライブラリですが これを使って、テスト用の画像を大量に作成する方法 作るに当たって 画像を見ただけでどの画像なのかを識別できる 簡単に画像を生成できる という事に重点をおいてみます。 ImageMagickは、convertというコマンドで実行する事が出来ます。 画像のサイズを指定するときは -size 128×128 というオプションを付けます。 画像の背景色を指定するときは xc:yellow というオプションを付けます。 yellowの部分は、RGB指定でも出来ます。 ここまでのオプションで、画像を書き出す場合 convert -size 128x128 xc:yellow test.png で画像が作成されます。 これだけだと、画像の識別が出来ないので、文字を書き込んでみます。 フォントサイズを指定するオプション -p

もう2週間も前になってしまいましたが、画像変換Nightというイベントを開催しました。共同主催の @cubicdaiya さん、 @yoya さん、発表者の皆様、会場を提供していただいたGREE株式会社の皆様、そして参加していただいた皆様、誠にありがとうございました。 発表資料一覧 今回の発表資料はすべてconnpassのイベントページにまとめています。 また当日のTwitterまとめがあります。 画像変換Nightまとめ - Togetterまとめ ImageMagickの話が多いのかなーと思ってたら、多種多様な内容で、Webサービスの運用からテクニカルな話まで相当濃くてめっちゃよかったです。次があったら画像フォーマットのもう少しテクニカルな話ができればな、と思います。 サムネイルマスタとgo-thumber 今回ハナの発表だったため、まず一般的なWebサービスの画像投稿処理についてまと

at 画像変換Night

一年ほど前にヤフーを退職した私ですが、その後なにをやっているかというと、クックパッドに入社して画像配信をしています。私が入社する前から動いていた画像配信の仕組みは設計が古くてなにかと困っていたので、より良いシステムを開発してリプレースというのをやっています。前職ではなかなかこういう基盤システムを一人でイチから作って運用までするという体験はできなかったので、でかい仕事をできるチャンスに恵まれて大変充実した毎日です。 入社当初はサービス開発の担当だったんですが、開発に必要な基盤システムを作り始めたらどんどんエンジニアリングのレイヤーが下がってきて、気づけばインフラチームに所属していました。 まあそんな話はさておき、この画像配信関連の成果をいくつかの勉強会で発表したので、その資料を紹介します。 サイバーエージェントxクックパッド合同勉強会（amepad） 弊社オフィスで開催された、サイバーエージ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

これからはじめるGulp #16：gulp-image-resizeプラグインを使ってサムネイルやレスポンシブイメージを作る はじめに 前回のこれからはじめるGulp（15）：gulp-responsiveプラグインを使ったレスポンシブイメージ作成の自動化でNode.js向け画像処理ライブラリを使ったレスポンシブイメージ作成の自動化を行いました。今回はより手軽に使えるgulp-image-resizeプラグインを使いサムネイル画像を作ってみたいと思います。 gulp-image-resizeについて gulp-image-resizeは画像のリサイズや切り抜きができるプラグインです。gulp-image-resizeを使うにはImageMagickかGraphicsMagickが必要です。 ImageMagick or GraphicsMagickのインストール どちらもHomebrewを