最新のWebサイトは応答性が高く、表示するのに魅力的ですが、最大の利点は速度です。ページ(およびそのすべてのアセット)の読み込みが速いほど、ユーザーエクスペリエンスは向上します。そのため、Web開発者は、Google独自のWebP(WebP)などのWebに適した代替手段として、 PNG、GIF、JPGなどの古い画像ファイル形式を廃止しています。
残念ながら、ほとんどの主要な画像エディタで(major image editors)WebPファイルを編集または表示することは依然として困難です。WebPファイルを操作する最良の方法は、代わりに一般的に使用されるGIF形式に変換することです。これは、アニメーション画像と静止画像の両方に使用できます。WebPをGIFに変換する場合は、次のことを行う必要があります。
WebPファイルとは何ですか?(What Is a WebP file?)
Googleによって開発されたWebPは、全体的な品質を大幅に低下させることなく、Webページ上の画像アセットのサイズを縮小するために作成されたファイル形式です。 WebPファイルは同等のPNGファイルよりもup to 26% smallerJPGファイルはサイズを30%以上縮小できます。
これにより、特に画像の数が多いアセットの多いページで、Webページの読み込みにかかる時間を短縮できます。これにより、Webサイトをすばやく高速化できます(speed up your website)。WebPファイルは、アニメーション画像のGIFファイルを置き換えることもでき、従来のGIFと比較compressing the contents by up to 64%
Chrome、Firefox、Safari、MicrosoftEdgeを含むすべての主要なWebブラウザはWebPファイル形式をサポートしています。ただし、WebPファイルを他の場所(スマートフォンやブラウザーの外部など)で表示する場合は、ファイルを別の一般的に使用される形式に変換する必要がある場合があります。
ほとんどの画像エディタはWebP(WebP)ファイルを直接サポートしていないため、これはファイルの編集を検討している場合に特に当てはまります。たとえば、アニメーション化されたWebP(WebP)ファイルを扱っている場合は、以下の手順を使用して、WindowsPCまたはMacで(Mac)WebPをGIFに変換できます。
Photoshopを使用してPCまたはMacでWebPをGIFに変換する方法(How to Convert WebP to GIF on PC or Mac Using Photoshop)
Adobe Photoshopユーザーの場合、最初にWebPShopと呼ばれるサードパーティのプラグインを使用してWebPサポートを追加しない限り、WebPファイルを直接編集すること(WebPShop)は(WebP)できませ(WebP)ん。これにより、ファイルを開いて画像を直接変更し、(modify the image directly)GIFなどのより広くサポートされている形式に変換できます。
Photoshopを使用してWebPをGIFに変換する場合は、次のことを行う必要があります。これらの手順は、Photoshop 2021を念頭に置いて作成されていますが、古いバージョンのソフトウェアでも機能する可能性があります。
WebPShopプラグインのインストール(Installing the WebPShop Plugin)
- WebPShopプラグインをインストールするには、まずオペレーティングシステムのGitHubから最新バージョンをダウンロードする(download the latest version from GitHub)必要があります。
- Macを使用している場合は、最初にFinderアプリでファイルを見つけてダブルクリックし、インストールファイルを解凍します。ファイルは自動的に抽出されます。Windowsユーザーは、この手順をスキップできます。
- Windowsユーザーは、プラグインファイル(8biファイル形式)をC:\Program Files\Adobe\Adobe Photoshop 2021\Plug-ins\ フォルダーに移動してインストールする必要があります。Macユーザーは、代わりにファイル(プラグイン(plugin )ファイル形式)をApplications/Adobe Photoshop/Plug-ins/ に移動する必要があります。
- Macユーザーは、プラグインへのアクセスを承認する必要があります。ターミナル(Terminal)アプリを開いてこれを行い、 sudo xattr -r -d com.apple.quarantine /Applications/Adobe\ Photoshop\ 2021/Plug-ins/WebPShop.plugin と入力してこれを許可します。Windowsユーザーは、この手順をスキップできます。
- PhotoshopがPCまたはMacですでに開いている場合は、Photoshopを閉じてから再度開き、プラグインをアクティブにします。
Photoshopを使用してWebPをGIFに変換する(Converting WebP to GIF using Photoshop)
WebPShopプラグインをインストールしたら、 Photoshopで画像ファイルを開いてWebPからGIFに変換できます。
- これを行うには、Photoshopを開き、[(Photoshop)ファイル](File ) >[開く(Open)]を選択してファイルを見つけます。プラグインがアクティブな場合は、 WebP(WebP)形式のファイルを選択して開くことができるはずです。できない場合は、上記の手順を繰り返して、プラグインが正しくインストールされ、アクティブ化されていることを確認してください。
- この時点で、WebPファイルがPhotoshopで開き、表示および編集できるようになります。アニメーション化されたWebP(WebP)ファイルを開いている場合、各フレームが[レイヤー(Layers)]タブに表示され、これらを個別に選択して編集できます。WebPファイルをGIFに変換する準備ができたら、[ファイル(File )] >[エクスポート](Export ) > [名前を付けてエクスポート(Export As)]を選択します。
- [名前を付けてエクスポート(Export As)]メニューで、右上の[形式](Format )ドロップダウンメニューから[ GIF ]を選択します。GIFファイルを拡大または縮小する場合は、その下にある[拡大縮小]ドロップダウンメニューを使用します(Scale)。必要(Make)に応じて、ファイルにその他の変更を加えます。
- ファイルをエクスポートするには、右下の[エクスポート]を選択し、適切なファイル名を選択して、 (Export)GIFファイルの場所を保存します。
数秒後、新しく変換されたGIFファイルが選択した保存場所に表示されます。次に、 Microsoft Photos(Microsoft Photos)(Windowsの場合)やPreview(Macの場合)などの画像ビューアアプリ(image viewer app)を使用して、PCまたはMacで開くことができます。
WebPをオンラインでGIFファイルに変換する方法(How to Convert WebP to GIF Files Online)
Photoshopがインストールされていない場合(またはLinuxなどの別のオペレーティングシステムを実行している場合)、代わりにオンライン変換サービスを使用してWebPをGIFファイルにすばやく変換できます。
これらのサービスでは、変換プロセスを実行できるサーバーに画像をアップロードする必要があります。ただし、個人の画像ファイルについては、これに反対することをお勧めします。ほとんどのWebサービスは画像を保存しないことを提案していますが、それは保証されていません。
このサービスにはさまざまなオンラインサービスがありますが、最も一般的に使用されているのはEzgif.comです(Ezgif.com)(Ezgif.com)。これには、無料で使用できるオンラインWebPからGIFへの変換ツールがあります。
- WebPファイルを変換するには、WebブラウザでEzgifWebPからGIFへの変換ツールを開きます。(open the Ezgif WebP to GIF conversion tool)[ファイルの選択]を選択して(Choose file)WebPファイルを検索するか、ファイルをオンラインで変換する場合は、表示されたボックスにファイルのWebURLを貼り付けます。(URL)[アップロード](Upload)を選択して、アップロードプロセスを開始します。
- アップロードプロセスが完了すると、アニメーションまたは静的WebPファイルのプレビューが表示されます。変換プロセスを完了するには、下にある[ GIFに変換(Convert to GIF)]ボタンを選択します。
- しばらくすると、変換されたGIFファイルが下の[アニメーションGIF](Animated GIF )セクションに表示されます。変換したファイルをPCまたはMacに保存するには、メニューの[(Mac)保存(Save)]ボタンを選択します。
WindowsとMacでの画像の編集(Editing Images on Windows and Mac)
WebPファイルはWebには最適ですが、他の場所で開いたり、表示したり、編集したりするのは困難です。WebPファイルをGIF(GIFs)に変換すると、ファイルをより広く開いて共有できるようになります。次に、Photoshopまたは(Photoshop)GIMP(like GIMP)などの代替エディターを使用して、GIFレイヤー(manipulate your GIF layers)を 操作し、さらに変更を加えることができます。
Photoshopの初心者の場合は、画像ファイルをベクトル化(vectorize your image files)してサイズの拡大または縮小を簡単にしたり、Photoshopの強力な編集ツールを使用して写真からオブジェクトを切り取ったりすることができます(cut out objects from photos)。終了したら、画像に透かしを追加して(add a watermark to your images)、作成したものをオンラインで安全に共有することもできます。
How to Convert WebP to GIF on Windows or Mac
Modern webѕites are responsive and appealing to view, but their biggest advantage is speed. The faster a page (and all of its assets) loads, the better the user experience. That’s why web develоpers are ditching old image file formats like PNG, GIF, and JPG, for web-friendly alternatives like Google’s own WebP.
Unfortunately, it remains difficult to edit or view WebP files in most major image editors. The best way to manipulate a WebP file is to convert it to the commonly-used GIF format instead, which you can use for both animated and static images. If you want to convert WebP to GIF, here’s what you need to do.
What Is a WebP file?
Developed by Google, WebP is a file format created to help reduce the size of image assets on web pages without reducing the overall quality by too much. WebP files are up to 26% smaller than equivalent PNG files, while JPG files can be reduced in size by over 30%.
This helps reduce the time it takes to load web pages, especially on asset-heavy pages with a large number of images. This allows you to quickly speed up your website. WebP files can also replace GIF files for animated images, compressing the contents by up to 64% versus traditional GIFs.
All major web browsers, including Chrome, Firefox, Safari, and Microsoft Edge support the WebP file format. However, if you want to view WebP files elsewhere (for example, on your smartphone or outside your browser), you may need to convert the file to another commonly-used format.
This is especially true if you’re looking to edit the file, as most image editors lack direct support for WebP files. If you’re dealing with an animated WebP file, for example, you can convert WebP to GIF on your Windows PC or Mac using the steps below.
How to Convert WebP to GIF on PC or Mac Using Photoshop
If you’re an Adobe Photoshop user, you can’t edit a WebP file directly without first adding WebP support using a third-party plugin called WebPShop. This will allow you to open the file, modify the image directly, and convert it to a more widely-supported format like GIF.
If you want to convert WebP to GIF using Photoshop, here’s what you’ll need to do. These steps have been written with Photoshop 2021 in mind, but may work for older versions of the software.
Installing the WebPShop Plugin
- To install the WebPShop plugin, you’ll need to first download the latest version from GitHub for your operating system.
- If you’re using a Mac, first unzip the installation file by locating the file in the Finder app and double-clicking it. The file will be extracted automatically. Windows users can skip this step.
- Windows users will need to move the plugin file (in the 8bi file format) to the C:\Program Files\Adobe\Adobe Photoshop 2021\Plug-ins\ folder to install it. Mac users will need to move the file (in the plugin file format) to Applications/Adobe Photoshop/Plug-ins/ instead.
- Mac users will need to authorize access to the plugin. Open the Terminal app to do this and type sudo xattr -r -d com.apple.quarantine /Applications/Adobe\ Photoshop\ 2021/Plug-ins/WebPShop.plugin to allow this. Windows users can skip this step.
- If Photoshop is already open on your PC or Mac, close it and re-open it to activate the plugin.
Converting WebP to GIF using Photoshop
Once you’ve installed the WebPShop plugin, you can open your image file in Photoshop to convert it from WebP to GIF.
- To do this, open Photoshop and select File > Open to locate your file. If the plugin is active, you should be able to select and open files in the WebP format. If you can’t, repeat the steps above to ensure the plugin is installed and activated correctly.
- At this point, your WebP file should open in Photoshop for you to view and edit. If you’re opening an animated WebP file, each frame will appear in the Layers tab, allowing you to select and edit these individually. When you’re ready to convert the WebP file to GIF, select File > Export > Export As.
- In the Export As menu, select GIF from the Format drop-down menu in the top-right. If you want to scale your GIF file up or down, use the Scale drop-down menu below it. Make any other changes to your file as required.
- To export the file, select Export in the bottom-right, then select a suitable file name and save location for your GIF file.
After a few seconds, your newly converted GIF file will appear in your chosen save location. You can then open it on your PC or Mac using an image viewer app such as Microsoft Photos (for Windows) or Preview (for Mac).
How to Convert WebP to GIF Files Online
If you don’t have Photoshop installed (or you run another operating system like Linux), you can quickly convert WebP to GIF files using online conversion services instead.
These services require you to upload your image to a server where the conversion process can be performed for you. We advise against this for any personal image files you have, however. While most web services suggest they don’t store the images, that isn’t guaranteed.
Various online services exist for this service, but one of the most commonly used is Ezgif.com, which has an online WebP to GIF conversion tool that you can use for free.
- To convert your WebP files, open the Ezgif WebP to GIF conversion tool in your web browser. Select Choose file to locate your WebP file or, if you want to convert a file online, paste the web URL for the file in the box provided. Select Upload to begin the upload process.
- After the upload process is completed, you’ll see a preview of the animated or static WebP file. To complete the conversion process, select the Convert to GIF button underneath.
- After a few moments, the converted GIF file will appear in the Animated GIF section underneath. To save the converted file to your PC or Mac, select the Save button in the menu.
Editing Images on Windows and Mac
WebP files are great for the web, but they’re difficult to open, view, and edit elsewhere. If you convert WebP files to GIFs, you’ll be able to open and share your files more widely. You can then use Photoshop or an alternative editor like GIMP to manipulate your GIF layers and make further changes.
If you’re a Photoshop newbie, you could vectorize your image files to make them easier to scale up or down in size or use Photoshop’s powerful editing tools to cut out objects from photos. When you’re finished, you can even add a watermark to your images, allowing you to safely share your creations online.