GIFアニメ変換[入射光/光の帯エフェクト]

1枚の静止画像を「太陽の光が入射して徐々に画像が明るく」なるフェードインのGIFアニメーションに変換します。画像ファイルを読み込んでボタンを押すだけのお手軽な変換ツールです。

サンプルのGIFアニメ (800KB)

入射光(光の帯)エフェクトは「600x450px」の「4:3」の縦横比の画像を基準としています。このサイズ、縦横比とかけ離れている画像は綺麗に表現されない場合があります。

このツールはブラウザで動作する無料のWebアプリです。変換処理はブラウザのJavaScriptで行いますのでサーバーにファイルをアップロードしません。

...

雲の隙間から太陽の光の帯が地上に降り注ぐ光景(いわゆる天使の梯子)のアニメーションエフェクトを翻訳している最中にできた産物です。「天使の梯子」版は今後にご期待下さい。

目次

1. 使い方
2. 機能
3. 推奨ブラウザ
4. 動作確認
5. バージョン
6. FAQ
7. その他のWebアプリケーション
8. 運営者のブログ

[目次]

1. 使い方

最初の画面に戻るには「こちら」をクリックしてください。
※左上にある「GIFアニメ変換」のバナーをクリックでも可能です。

1.1 画像ファイルを読み込む

画面左上にある「画像の読み込み」のボタンから行います。
※画面上にファイルをドロップすることで読み込むことも可能です。

1.2 基本操作

画像のサイズを指定する

「この幅にする」または「サイズを手入力する」のどちらかを選択します。その後にその右側にあるサイズに関する詳細な設定を行います。

[この幅にする]

「幅」は固定値になりますが「高さ」は自動的に縦横比が維持されます。

[サイズを手入力する]

デフォルトの「幅、高さ」は読み込んだ画像のサイズです。

[縦横比を維持する]はオンにすると「幅」(横幅)または「高さ」(縦幅)のどちらかを入力するとその値から縦横比を計算してもう片方のサイズを自動入力します。

オプション

[繰り返し回数]

アニメーション全体の繰り返し回数です。デフォルトの「0」は無制限に繰り返します。例えば「1」と入力するとアニメーションを1回繰り返します。入力可能な数値は「0から65535」となります。

プレビュー

「プレビュー」ボタンを押すと上記の設定のアニメGIFを確認する事ができます。

※「繰り返し回数」が有限(0以外)の場合は再度、「プレビュー」ボタンを押すことによって「繰り返し回数分」のアニメーションが再生されます。

ファイルの出力

「プレビュー」エリアに「ダウンロード」ボタンが表示されますので、そちらからGIFファイルを出力します。出力されたファイルの保存方法は「画像ファイルの保存方法」をご確認ください。

[目次]

2. 機能

・ 画像を入射光(光の帯)を使用したフェードインGIFアニメに変換する
・ GIF/PNG/JPEG/TIFF/BMP/ICOファイルの読み込み ※1

※1 BMP/ICOファイルはWindowsでのみ確認しております。その他のOSでは読み込めない場合があります。TIFFファイルはIEまたはEdgeでのみ読み込み可能です。また、ファイルの読み込みはブラウザの標準機能を使用していますので、ブラウザによってはその他の画像ファイルも読み込める場合があります。

[目次]

3. 推奨ブラウザ

Chrome / FireFoxの最新版

[目次]

4. 動作確認

・ Internet Explorer 11(32bit/64bit)
・ Microsoft Edge(32bit)
・ Chrome / FireFoxの最新版
※タブレット、スマートフォンは未対応です。
※HTML5に対応していればその他のブラウザも動作すると思います。

[目次]

5. バージョン

v1.00(2016年5月16日版)

[目次]

6. FAQ

Q1 アニメGIFの変換に時間がかかります。

GIFアニメに変換するには「LZW圧縮」や「高品質な減色」をブラウザのJavaScriptで行っていますので若干の時間が必要です。その代わりにサーバーに画像ファイルは送信しません。

※LZW圧縮に関しては改良の余地があるのでそのうち、高速化するかも知れません。

Q2 アニメーションの繰り返し回数について

「0」は無限、「1」は1回繰り返します。

問題は「2」以降です。IE/Edge/Chromeでは「2」は2回繰り返し、「3」は3回繰り返しです。FireFoxだけが「2」は1回繰り返し、「3」は2回繰り返しとなります。

このように繰り返し回数に関してはブラウザによって解釈が異なります。

Q3 画像の透過について

このツールでは透過画像には対応しておりません。画像を読み込む前に各自で元の画像の透過情報をクリアしてください。

[目次]

7. その他のWebアプリケーション

プチラボ
http://www.petitmonte.com/labo/
20種類以上の便利なツールを無料で公開しています。(フリーソフト)

[目次]

8. 運営者のブログ

プチモンテ
http://www.petitmonte.com/

スポンサーリンク