BoxとYoomの連携イメージ
アプリ同士の連携方法

2025-07-17

【プログラミング不要】AVIF画像を自動でJPGに変換する方法

k.noguchi

最新の画像フォーマットであるAVIFは、高画質でありながらファイルサイズが小さいというメリットがありますが、まだ対応していないツールやシステムも多く、その都度JPGなどの汎用的な形式に変換する作業に手間を感じていませんか?
特に、デザイン業務やWebコンテンツ制作などで大量の画像を扱う場合、一つ一つ手作業で変換するのは時間がかかり、本来集中すべき業務を圧迫する原因にもなります。

もし、<span class="mark-yellow">特定の場所に保存されたAVIF画像や、メールで受け取ったAVIFファイルを自動でJPGに変換し、指定のストレージに保存できる仕組み</span>があれば、こうしたファイル形式の違いを意識することなく、スムーズに業務を進めることができ、より創造的な仕事に時間を使うことができます!

今回ご紹介する自動化の設定は、ノーコードで簡単に設定できて、手間や時間も最小限に抑えられます。
ぜひ自動化を導入して作業をもっと楽にしましょう!

とにかく早く試したい方へ

Yoomには<span class="mark-yellow">AVIFファイルをJPGに変換する業務フロー自動化のテンプレート</span>が用意されています。
「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!

[[229290]]

AVIF画像をJPGに自動変換する方法

様々なツールを起点として、AVIF画像をJPG形式に自動で変換する方法を、具体的なテンプレートを使って紹介します!
気になる内容があれば、ぜひクリックしてみてください!

ストレージサービスを起点にAVIFをJPGに変換する

<span class="mark-yellow">BoxのようなストレージサービスにAVIFファイルがアップロードされたことをトリガーに、自動でJPGへ変換し同じフォルダや指定のフォルダに保存する</span>ことができます。

ファイル管理と変換作業を同時に効率化できるでしょう!

[[229290]]

メールツールを起点にAVIFをJPGに変換する

<span class="mark-yellow">GmailなどでAVIFファイルが添付されたメールを受信したことをトリガーに、自動でJPGに変換してGoogle Driveなどの指定のストレージに保存する</span>こともできます。

メールで受信した画像を扱う業務フローをスムーズにできますね!

[[229321]]

フォームを起点にAVIFをJPGに変換する

<span class="mark-yellow">Googleフォームなどを通じてAVIFファイルが送信された際に、自動でJPGに変換してDropboxなどのストレージサービスに格納する</span>ことも可能です。

ユーザーからの画像投稿などを扱う業務を効率化できるかもしれません!

[[229339]]

Box上のAVIFファイルをJPGに自動変換するフローを作ってみよう

それではここから代表的な例として、BoxにAVIFファイルが格納された際に、自動でJPGに変換して同じフォルダに格納するフローを解説していきます!
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

今回は大きく分けて以下のプロセスで作成します。

  • Boxをマイアプリ連携
  • テンプレートをコピーする
  • Boxのトリガー設定と各アクション設定
  • トリガーをONにして、フローの動作確認をする
[[229675]]

事前に準備するもの

Chromeの拡張機能

Chromeを使用するには、アカウントを準備してください。
※設定方法は、こちらをご参照ください。

Chrome拡張機能で「Yoom ブラウザ操作オペレーション設定ツール」を追加してください。

拡張機能:Yoom ブラウザ操作オペレーション 設定ツール

Chrome拡張機能を追加後に、管理画面でシークレットモードの実行を許可しましょう。

ステップ1:Boxをマイアプリ連携

はじめに、BoxをYoomに接続するためのマイアプリ登録を行いましょう。
事前にマイアプリ登録を済ませておくと、自動化フローの設定がスムーズに進められますよ!

1.Yoomページ画面左側のマイアプリをクリックし、「新規接続」を選択します。
右上の検索窓に「Box」と入力し、検索結果からBoxのアイコンを選択します。

2.表示された画面で、メールアドレス・パスワードを入力し、「承認」をクリックしましょう。

3.次の画面で、「Boxへのアクセスを許可」をクリックしてください。

マイアプリにBoxが表示されていれば、登録完了です。

ステップ2:テンプレートをコピーする

ここから、実際にフローを作っていきましょう!

簡単に設定できるようテンプレートを利用します。以下のバナーの「試してみる」をクリックして、テンプレートをコピーしてください。

[[229675]]

クリックすると、テンプレートがお使いのYoom画面に自動的にコピーされます。
「OK」をクリックして、設定を進めましょう!

※コピーしたテンプレートは、「マイプロジェクト」内の「フローボット」に、「【コピー】BoxにAVIFファイルが格納されたら、JPGに変換し格納する」という名前で格納されています。

「あれ?テンプレートどこいった?」となった際には、マイプロジェクトから確認してみてくださいね!

ステップ3:Boxのトリガー設定

フローの作成を始める前に、あらかじめYoomと連携するBoxに、AVIFファイルを格納しておきましょう!
後続のBoxのトリガー設定時のテストで必要になります。
テスト用のため、内容は架空の情報(「株式会社test」や「テスト太郎」など)でOKです!

1.まずは、アプリトリガー設定です。
先ほどの画面で「OK」をクリックして、表示された画面のアプリトリガー「フォルダにファイルがアップロードされたら」をクリックしましょう。

2.連携アカウントとアカウント選択画面が表示されるので、設定内容を確認しましょう。
連携するアカウント情報には、ステップ1で連携したアカウント情報が反映されています。

トリガーアクションはそのままにして、「次へ」をクリックしてください。

3.「フォルダのコンテンツID」は、入力欄下の説明に従って、入力してください。
入力したら、「テスト」を実行し、「次へ」をクリックしてください。

4.次の画面で「テスト」をクリックし、「取得した値」にデータが抽出されていることを確認してください。
確認したら「保存する」をクリックしましょう。
取得した値は、後続の設定で活用できます!

【取得した値とは?】
トリガーやオペレーション設定時に、「テスト」を実行して取得した値です。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に変動した値となります。
詳しくは、こちらをご参照ください。

ステップ4:分岐の設定

1.分岐「コマンドオペレーション」をクリックしましょう。

・「分岐する」オペレーションは、ミニプラン以上でご利用いただけます。フリープランで利用するとエラーになってしまうのでご注意ください。
・ミニプランなどの有料プランは2週間の無料トライアルが可能です。無料トライアル中なら、普段制限されているアプリや機能も自由にお試しいただけますので、ぜひ活用してみてくださいね!


オペレーションに「フォルダにファイルがアップロードされたら」、取得した値に検知したい項目を設定します。

「分岐条件」は、分岐先の処理を行う条件を設定します。
今回はテンプレートを活用して、ファイル名にavifが含まれたらフローが進むように、以下画像の設定にしています。

設定を終えたら、「保存する」をクリックしてください。

ステップ5:Boxの設定

1.アプリと連携する「ファイルをダウンロード」をクリックしましょう。

各項目を確認し、「次へ」をクリックします。

2.API接続設定を行います。
「コンテンツID」は、入力欄をクリックして表示される取得した値から選択してください。


入力を終えたら「テスト」を実行し、ダウンロードに成功したら「保存する」をクリックします。

ステップ6:ブラウザを操作する設定

1.ブラウザを操作する「ブラウザを操作する」をクリックしましょう。

・ブラウザを操作するオペレーションは、サクセスプランだけで使える機能です。フリープラン・ミニプラン・チームプランで設定しているフローボットでブラウザ操作を行おうとするとエラーになるのでご注意ください。
・サクセスプランなどの有料プランには、2週間の無料トライアルがあります。トライアル期間中は、有料プランで使えるアプリやブラウザ操作のオペレーションも試せますので、ぜひ活用してみてください。
・ブラウザを操作するオペレーションの設定方法については、詳しいガイドやチュートリアルをご用意しています。設定手順に困ったときは、こちらもチェックしてみてくださいね。 

表示された工程は、AVIFファイルをWebサイトで、JPGファイルに変換する工程を辿っています。
各項目をクリックして表示されるポップアップ画面で設定できます。

まず、「1.URLにアクセス」をクリックして、任意のアクション名と変換サイトのURLを入力します。
入力したら、「保存する」をクリックします。

※変換サイトは、ご自身で使いやすいものを設定しましょう。また、用途や社内ルールなどに応じてURLをカスタマイズして使ってください。

次以降のアクションでは、変換サイトで変換するファイルをアップロードして、JPGファイルに変換されたファイルをダウンロードする手順になります。

ファイルを変換するためのWeb上の操作として、「3.クリック」というアクションを追加しています。

これは、今回使用した変換サイトにて、下記画像赤枠の「変換」ボタンをクリックするアクションとなります。

このように、指定した変換サイト内でのアクションを指定しましょう。

設定を終えたら、「テスト」を実行し、各項目が成功したら「保存する」をクリックしてください。

※詳しい設定方法は、こちらをご参照ください。
※ブラウザ操作について、万が一、操作時にシークレットウィンドウを消してしまった際は、こちらをご参照ください。

ステップ7:データを操作・変換する設定

1.データを操作・変換する「正規表現によるデータの置換」をクリックしましょう。

「変換タイプ」は、「変更」をクリックして表示されるポップアップ画面で変更できます。

以下画像の赤枠部分の注釈に従って、変更しましょう。

「置換対象」は、入力欄をクリックして表示される取得した値から選択してください。

「置換箇所を正規表現で指定」は、入力欄下のこちらの記事に従って、入力してください。
今回は、テンプレートを使用して、以下画像のように設定しています。

設定を終えたら、「テスト」を実行し、変換に成功したら「保存する」をクリックしてください。

ステップ8:Boxのアップロード設定

1.アプリと連携する「ファイルをアップロード」をクリックしましょう。

各項目を確認し、「次へ」をクリックします。

2.API接続設定を行います。
「ファイル名」は、入力欄をクリックして表示される取得した値から選択してください。

「格納先フォルダのコンテンツID」は、入力欄下の説明に従って、入力してください。

「ファイルの添付方法」「ファイル」は、プルダウンから選択してください。
※テンプレートを使用して、以下画像のように設定しました。


設定完了後は「テスト」を行い、実際にBoxにデータが格納されることを確認してください。

確認後、保存しましょう。

ステップ9:トリガーボタンをONにして、フローの動作確認をする

全ての設定が完了すると、下図のようなポップアップが表示されます。赤枠部分の「トリガーをON」をクリックすると、設定したフローボットが起動するので動作確認をしましょう!

Boxを使った便利な自動化例

Boxは、ファイルのアップロードや格納をトリガーに、文書管理・通知・データベース連携を自動化できる柔軟なツールです。
OCR処理やスプレッドシート連携、メール通知などを組み合わせることで、ファイル保存、管理、共有などがスムーズになり、日々の業務を効率化できるかもしれません…!

[[149410,202993,199567,144575,175422]]

まとめ

AVIFからJPGへの変換作業を自動化することで、<span class="mark-yellow">これまで手作業で行っていたファイル変換の手間をなくし、対応フォーマットを気にすることなくスムーズに画像を扱えるようになります。</span>

これにより、担当者はファイル形式の互換性を心配する必要がなくなり、本来のデザイン業務やコンテンツ制作といったコア業務に集中できる環境が整います!

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築可能です。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomによる業務効率化を体験してみてください!

この記事を書いた人
k.noguchi
SE・プログラマー、新卒採用アシスタントやテーマパークアクターなど、多種多様な業務の経験があります。 その中でもSE・プログラマーでは、企業のシステムを構築し業務効率化に取り組んでいました。 Yoomを使い、業務の負担を軽減するための実践的なアプローチ方法を、丁寧にわかりやすく発信していきます。
タグ
Box
自動
自動化
連携
関連アプリ
アプリ連携
No items found.
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
お役立ち資料
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
Yoomとは?
これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
詳しくみる
詳しくみる