Movable Typeの画像アップロード時にリサイズできる「UploadImageResizerプラグイン」

Movable Typeの画像アップロード時にリサイズできる「UploadImageResizerプラグイン」

Posted at November 16,2011 12:55 AM
Tag:[MovableType, Plugin, UploadImageResizer]

Movable Typeの画像アップロード時にリサイズ可能な「UploadImageResizerプラグイン」を公開します。

1.機能

アイテムのアップロード画面で画像をアップロードする際、「アップロード画像オプション」をチェックします。

アイテムのアップロード画面

チェックすると、アップロード画像をリサイズするためのオプションが表示されます。各フィールドに値を設定してアップロードすれば、指定したサイズでアップロードされます。

アップロード画像オプション

このプラグインは、アップロード後の画像をリサイズするのではなく、アップロード時にサイズ指定するものです。アップロード後に画像をチェックしながらリサイズしたい場合は、インターネットに接続された環境であれば「Pixenateプラグイン」を推奨します。

Movable Typeでアイテム画像を編集できる「Pixenateプラグイン」

また、UploadImageResizerプラグインは画像の拡大は行えません。また現在のバージョンでは上書きアップロードにも対応していません(上書きアップロードは別途対応予定)。

動作はMT5.12で確認しています。

2.アップロード画像サンプル

下のスクリーンショットは元画像(640×425)をそのままアップロードしたアイテム編集画面に表示された画像です。

アップロード画像

幅300px・高さ200pxにリサイズしてアップロードしたものです。画像の幅・高さとサイズが変更されます。

アップロード画像

幅200pxを指定+アスペクト比を保持してアップロードしたものです。指定した幅
にあわせて高さが自動調整されます。

アップロード画像

150pxのサムネイル(四角)作成したものです。

アップロード画像

3.価格

価格:\3,000-(税別)/1インストールMT(購入前に必ず動作確認してください)

4.プラグインのダウンロード

下記のリンクをクリックして、プラグインアーカイブをダウンロードします。

修正履歴

2011/11/16 初版
2011/11/16 v0.02 MT5.0x対応
UploadImageResizer_0_02.zip

プラグインアーカイブを展開し、中にあるUploadImageResizerフォルダごと、Movable Type のアプリケーションディレクトリのpluginsディレクトリにアップロードします。

システム管理画面のプラグイン設定画面で、「UploadImageResizer~」が表示されればインストール完了です。

プラグイン設定画面

5.注意事項

下記の条件でアップロードすると、元画像をそのままアップロードします。

  • 「アップロード画像オプション」をチェックしていない
  • 幅・高さの指定がない
  • 幅・高さのいずれかの指定サイズが元画像のサイズを超えている
  • ラジオボタンのいずれも選択されていない
関連記事
トラックバックURL


コメント

こんにちは。
MT Pro 5.06 にインストールしてみましたが、「アップロード画像オプション」が表示されませんでした。残念。

[1] Posted by 日下部理恵 : November 16, 2011 2:59 AM

>日下部理恵さん
こんばんは。
v0.02でMT5.0xに対応させましたのでご確認ください。
それではよろしくお願い致します。

[2] Posted by yujiro logo : November 16, 2011 11:27 PM

MT Pro 5.06 で、画像2枚ほどアップロード(条件を変えて)してみましたが、問題なくアップロード出来ました。すばやい対応ありがとうございました。すばらしいプラグインです。

[3] Posted by 日下部理恵 : November 17, 2011 7:45 AM

これはすてきなプラグインですね。さっそく活用させていただきます。

上書きアップロードには非対応とのことですが、それはそれで便利かもしれません。

複数アカウントで運用しているブログだと、同じファイル名でファイルをアップロードして、他のアカウントの人がアップした画像を意図せず上書きしてしまう事故がたまに発生しますので。

また、このプラグインとの本来の機能とは若干違いますが、ファイルのアップロード時に日本語ファイル名のままアップロードして、のちのち何かと問題になるケースがあるので、この辺りも解決出来るといいですね。

と、ずうずうしくご要望ばかり書き連ねてしまいました(笑)

これからも小粋空間さんの活躍を応援しています!

[4] Posted by 田中 : November 17, 2011 3:05 PM

>田中さん
こんばんは。
コメントありがとうございます。
なお「上書きアップロードには非対応」というのは、元画像のサイズでアップロードされてしまうので、頂いたコメントのような動作にはなりません。こちらは別途対応するようにしたいと思います。
日本語ファイル名の件はおっしゃる通りで、もし対応する場合は別プラグインにしたいと思います。
それではよろしくお願い致します。

[5] Posted by yujiro logo : November 19, 2011 2:26 AM

はじめまして。

このリサイズの機能は、
アップするたびに数値を入力するのでなくて、
常にその値になるように設定できますか?
(常にアップロード画像オプションにチェックが入っていて、ピクセル数も下のラジオボタンも入っている状態)

[6] Posted by 平岩 : February 6, 2012 11:45 AM

こんにちは。
追記です、改変にあたるのでしたら申し訳ありません。
上記の件ですが、
単純に吐き出すhtmlをいじってしまいました。
チェックボックスと任意のラジオボタンのところに
checked="checked" をタグにいれて、
value="●●" といれたらできました。

[7] Posted by 平岩 : February 6, 2012 12:05 PM

>平岩さん
こんばんは。
ご連絡ありがとうございました。
改変については特に問題ありませんのでご活用ください。
それではよろしくお願い致します。

[8] Posted by yujiro logo : February 6, 2012 9:24 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)