现代网站响应迅速且吸引人,但它们最大的优势是速度。页面(及其所有资产)加载得越快,用户体验就越好。这就是为什么 Web 开发人员正在抛弃旧的图像文件格式(如PNG、GIF和JPG ),转而使用谷歌自己的(JPG)WebP等对 Web 友好的替代品。
不幸的是,在大多数主要图像编辑器中编辑或查看(major image editors)WebP文件仍然很困难。处理WebP(WebP)文件的最佳方法是将其转换为常用的GIF格式,您可以将其用于动画和静态图像。如果您想将WebP转换为GIF,这就是您需要做的。
什么是一 .webp 文件?(What Is a WebP file?)
由Google开发的WebP是一种文件格式,旨在帮助减少网页上图像资源的大小,而不会过多地降低整体质量。 WebP文件比同等的PNG文件(PNG)up to 26% smaller,而JPG文件的大小可以减少 30% 以上。
这有助于减少加载网页所需的时间,尤其是在具有大量图像的资产密集型页面上。这可以让您快速加速您的网站(speed up your website)。WebP 文件还可以替换动画图像的GIF文件,与传统 GIF 相比compressing the contents by up to 64%
包括Chrome(Chrome)、Firefox、Safari和Microsoft Edge在内的所有主要 Web 浏览器都支持WebP文件格式。但是,如果您想在其他地方查看WebP文件(例如,在您的智能手机上或在您的浏览器之外),您可能需要将文件转换为另一种常用格式。
如果您要编辑文件,则尤其如此,因为大多数图像编辑器缺乏对WebP文件的直接支持。例如,如果您正在处理动画WebP文件,则可以使用以下步骤在Windows PC 或Mac上将(Mac)WebP转换为 GIF 。
如何使用 Photoshop 在 PC 或 Mac 上将 WebP 转换为 GIF(How to Convert WebP to GIF on PC or Mac Using Photoshop)
如果您是Adobe Photoshop用户,则无法直接编辑WebP文件,除非先使用名为WebPShop的第三方插件添加WebP支持。这将允许您打开文件,直接修改图像(modify the image directly),并将其转换为更广泛支持的格式,如GIF。
如果您想使用Photoshop将(Photoshop)WebP转换为GIF,您需要执行以下操作。这些步骤是在考虑Photoshop 2021(Photoshop 2021)的情况下编写的,但可能适用于旧版本的软件。
安装 WebPShop 插件(Installing the WebPShop Plugin)
- 要安装WebPShop插件,您需要首先从 GitHub 下载(download the latest version from GitHub)适用于您操作系统的最新版本。
- 如果您使用的是Mac ,请首先通过在(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 将 WebP 转换为 GIF(Converting WebP to GIF using Photoshop)
安装WebPShop插件后,您可以在Photoshop中打开图像文件,将其从WebP转换为GIF。
- 为此,请打开Photoshop并选择“文件(File )” > “打开(Open)”以找到您的文件。如果插件处于活动状态,您应该能够选择并打开WebP格式的文件。如果不能,请重复上述步骤以确保插件已正确安装和激活。
- 此时,您的WebP文件应在Photoshop中打开,供您查看和编辑。如果您正在打开动画WebP文件,每一帧都将出现在“图层(Layers)”选项卡中,允许您单独选择和编辑它们。当您准备好将WebP文件转换为GIF时,选择File > Export > Export As。
- 在导出为(Export As)菜单中,从右上角的格式(Format )下拉菜单中选择GIF 。如果要放大或缩小GIF文件,请使用其下方的“缩放(Scale)”下拉菜单。根据需要对您的文件进行任何其他更改。(Make)
- 要导出文件,请选择右下角的导出,然后为您的(Export)GIF文件选择合适的文件名和保存位置。
几秒钟后,您新转换的GIF文件将出现在您选择的保存位置。然后,您可以使用图像查看器应用程序在您的 PC 或(image viewer app)Mac上打开它,例如Microsoft Photos(适用于Windows)或Preview(适用于Mac)。
如何在线将 WebP 转换为 GIF 文件(How to Convert WebP to GIF Files Online)
如果您没有安装Photoshop(或者您运行其他操作系统,如Linux ),您可以使用在线转换服务快速将WebP转换为GIF文件。(GIF)
这些服务要求您将图像上传到可以为您执行转换过程的服务器。但是,对于您拥有的任何个人图像文件,我们建议您不要这样做。虽然大多数网络服务都建议他们不存储图像,但这并不能保证。
该服务存在各种在线服务,但最常用的服务之一是Ezgif.com,它有一个在线WebP到GIF转换工具,您可以免费使用。
- 要转换您的 WebP 文件,请在您的网络浏览器中打开 Ezgif WebP 到 GIF 转换工具。(open the Ezgif WebP to GIF conversion tool)选择选择文件(Choose file)以找到您的WebP文件,或者,如果您想在线转换文件,请将文件的 Web URL粘贴到提供的框中。选择上传(Upload)以开始上传过程。
- 上传过程完成后,您将看到动画或静态WebP文件的预览。要完成转换过程,请选择下方的转换为 GIF按钮。(Convert to GIF)
- 片刻之后,转换后的GIF文件将出现在下方的GIF 动画部分。(Animated GIF )要将转换后的文件保存到您的 PC 或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 websites are responsive and appealing to view, but their biggest advantage іs speed. The faster a page (and all of its assets) loads, the better the user experience. That’s why web developers are ditching old image file formats like PNG, GIF, and JPG, for web-friеndly alternativеs 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.