WindowsまたはMacでWebPをGIFに変換する方法

最新の Web サイトはレスポンシブで魅力的ですが、最大の利点は速度です。ページ (およびそのすべてのアセット) の読み込みが速いほど、ユーザー エクスペリエンスは向上します。そのため、Web 開発者は PNG、GIF、JPG などの古い画像ファイル形式を捨てて、Google 独自の WebP などの Web に適した代替形式を採用しています。

残念ながら、ほとんどの主要な画像エディターで WebP ファイルを編集または表示することは依然として困難です。WebP ファイルを操作する最善の方法は、一般的に使用されている GIF 形式に変換することです。GIF 形式は、アニメーション画像と静止画像の両方に使用できます。WebP を GIF に変換する場合は、次の手順を実行する必要があります。

WebPファイルとは?

Google によって開発された WebP は、全体的な品質をあまり低下させることなく、Web ページ上の画像アセットのサイズを縮小するために作成されたファイル形式です。WebP ファイルは同等の PNG ファイルより最大 26% 小さく、JPG ファイルは 30% 以上サイズを縮小できます。

これにより、Web ページの読み込みにかかる時間を短縮できます。特に、大量の画像を含むアセットの多いページで顕著です。これにより、ウェブサイトをすばやく高速化できます。WebP ファイルは、アニメーション画像の GIF ファイルを置き換えることもでき、コンテンツを従来の GIF と比較して最大 64% 圧縮します。

Chrome、Firefox、Safari、Microsoft Edge などの主要な Web ブラウザーはすべて、WebP ファイル形式をサポートしています。ただし、WebP ファイルを別の場所 (たとえば、スマートフォンやブラウザーの外部) で表示する場合は、ファイルを別の一般的に使用される形式に変換する必要がある場合があります。 

これは、ほとんどの画像エディターが WebP ファイルを直接サポートしていないため、ファイルを編集する場合に特に当てはまります。たとえば、アニメーション化された WebP ファイルを扱っている場合、以下の手順を使用して、Windows PC または Mac で WebP を GIF に変換できます。

Photoshop を使用して PC または Mac で WebP を GIF に変換する方法

Adobe Photoshop ユーザーの場合、WebPShopと呼ばれるサードパーティのプラグインを使用して最初に WebP サポートを追加しない限り、WebP ファイルを直接編集することはできません。これにより、ファイルを開いて画像を直接変更し、GIF などのより広くサポートされている形式に変換できます。

Photoshop を使用して WebP を GIF に変換する場合は、次のことを行う必要があります。これらの手順は Photoshop 2021 を念頭に置いて書かれていますが、古いバージョンのソフトウェアでも機能する場合があります。 

WebPShop プラグインのインストール

1. WebPShop プラグインをインストールするには、まずお使いのオペレーティング システムの最新バージョンを GitHub からダウンロードする必要があります。

1. Mac を使用している場合は、最初に Finder アプリでファイルを見つけてダブルクリックし、インストール ファイルを解凍します。ファイルは自動的に抽出されます。Windows ユーザーは、この手順を省略できます。

1. Windows ユーザーは、プラグイン ファイル ( 8biファイル形式) をC:\Program Files\Adobe\Adobe Photoshop 2021\Plug-ins\フォルダーに移動してインストールする必要があります。Mac ユーザーは、ファイル (プラグインファイル形式)をApplications/Adobe Photoshop/Plug-ins/に移動する必要があります。

1. Mac ユーザーは、プラグインへのアクセスを承認する必要があります。ターミナル アプリを開いてこれを行い、sudo xattr -r -d com.apple.quarantine /Applications/Adobe\ Photoshop\ 2021/Plug-ins/WebPShop.plugin と入力してこれを許可します。Windows ユーザーは、この手順を省略できます。

1. PC または Mac で Photoshop がすでに開いている場合は、一度閉じてから再度開き、プラグインを有効にします。

Photoshop を使用して WebP を GIF に変換する

WebPShop プラグインをインストールしたら、Photoshop で画像ファイルを開いて WebP から GIF に変換できます。

1. これを行うには、Photoshop を開き、[ファイル] > [開く]を選択してファイルを見つけます。プラグインがアクティブな場合、WebP 形式のファイルを選択して開くことができるはずです。できない場合は、上記の手順を繰り返して、プラグインが正しくインストールおよび有効化されていることを確認してください。

1. この時点で、WebP ファイルが Photoshop で開き、表示および編集できるようになります。アニメーション化された WebP ファイルを開くと、各フレームが[レイヤー]タブに表示され、これらを個別に選択して編集できるようになります。WebP ファイルを GIF に変換する準備ができたら、[ファイル] > [エクスポート] > [エクスポート]を選択します。

1. [エクスポート形式]メニューで、右上の[形式]ドロップダウン メニューから[GIF]を選択します。GIF ファイルを拡大または縮小する場合は、その下にある[スケール]ドロップダウン メニューを使用します。必要に応じて、ファイルにその他の変更を加えます。

1. ファイルをエクスポートするには、右下の [エクスポート]を選択し、GIF ファイルの適切なファイル名と保存場所を選択します。

数秒後、新しく変換された GIF ファイルが選択した保存場所に表示されます。その後、Microsoft Photos (Windows の場合) や Preview (Mac の場合) などの画像ビューアー アプリを使用して、PC または Mac で開くことができます。

オンラインで WebP を GIF ファイルに変換する方法

Photoshop をインストールしていない場合 (またはLinuxなどの別のオペレーティング システムを実行している場合) は、代わりにオンライン変換サービスを使用して、WebP を GIF ファイルにすばやく変換できます。

これらのサービスでは、変換プロセスを実行できるサーバーに画像をアップロードする必要があります。ただし、個人の画像ファイルについてはこれを行わないことをお勧めします。ほとんどの Web サービスは画像を保存しないことを推奨していますが、それは保証されていません。

このサービスにはさまざまなオンライン サービスが存在しますが、最も一般的に使用されているのは、無料で使用できる WebP から GIF へのオンライン変換ツールを備えたEzgif.comです。

1. WebP ファイルを変換するには、Web ブラウザーでEzgif WebP から GIF への変換ツールを開きます。[ファイルを選択]を選択してWebP ファイルを検索するか、オンラインでファイルを変換する場合は、表示されたボックスにファイルの Web URL を貼り付けます。[アップロード]を選択して、アップロード プロセスを開始します。

1. アップロード プロセスが完了すると、アニメーションまたは静的 WebP ファイルのプレビューが表示されます。変換プロセスを完了するには、下にある[GIF に変換]ボタンを選択します。

1. しばらくすると、変換された GIF ファイルが下の[アニメーション GIF]セクションに表示されます。変換されたファイルを PC または Mac に保存するには、メニューの[保存]ボタンを選択します。

Windows および Mac での画像の編集

WebP ファイルは Web には最適ですが、他の場所で開いたり、表示したり、編集したりするのは困難です。WebP ファイルを GIF に変換すると、より広くファイルを開いて共有できるようになります。その後、Photoshop またはGIMP などの代替エディターを使用して、GIF レイヤーを操作し、 さらに変更を加えることができます。

Photoshop を初めて使用する場合は、画像ファイルをベクトル化してサイズを簡単に拡大または縮小したり、Photoshop の強力な編集ツールを使用して写真からオブジェクトを切り取ったりすることができます。完成したら、画像に透かしを追加して、作品をオンラインで安全に共有することもできます。