How to save WebP in photoshop?
Photoshop WebP: By reading this article, you will understand how to open and save image files in the WebP format in Photoshop with either Windows or Mac OS operating systems.
The WebP file is an image format developed by Google in 2010. WebP format has a smaller file size without compromising quality. So, this can be an alternative image format besides JPEG or PNG.
Because of its small file size, the WebP file format is commonly used on blogs/websites to speed up website loading, especially websites that have to display lots of images, for example, photography portfolio websites, design, traveling, or food blogs.
Unfortunately, Photoshop cannot save and open files in this format, unless you have embedded a plugin which I will review in this article.
How to save image in webp format in photoshop?
To open WebP in photoshop, you must install the webshop plugin, which is free.
My tutorial for installing the photoshop webp plugin is divided into 2, namely for Photoshop Windows and Mac OS, so adjust it to your operating system.
- Download the WebPshop plugin on Github;
- You will get a file with a .8bi extension ;
- Copy the file to the Photoshop plugins folder which is usually located at C: \ Program Files \ Adobe \ Adobe Photoshop \ Plug-ins ;
- If so, restart or run Photoshop and try opening or saving the file with the WebP format;
2. Mac OS
- Download the WebPshop plugin on Github ;
- You will get a file in .zip format, please extract it;
- Place the extracted file (WebPShop.plugin) into the Applications / Adobe Photoshop / Plug-ins / folder;
- Restart or run Photoshop and try opening and saving the file in the WebP format;
The WebPShop.plugin file cannot be opened on Mac OS 10.15 and above because the developer is not verified.
So, bypass in the following ways:
- Open Terminal (Finder> Applications> Utilities);
- Type the following command:
sudo xattr -r -d com.apple.quarantine "/Applications/Adobe Photoshop 2020/Plug-ins/WebPShop.plugin"
- Press Enter ;
After installing the WebPshop plug-ins above, your Photoshop should be able to open and save image files in the WebP format.
The method is the same as opening and saving JPG or PNG files, only the difference is, that you have to choose the WebP file type.
1. Open the WebP format file
- Go to File » Open ;
- Navigate to the WebP file located;
- If so, click Open ;
- Tada .. !! WebP file opened successfully;
2. Save the WebP format file
- As usual, save the image by going to File » Save as ;
- Select the format WebP in the Save as type:
- If so, select Save and just go OK, unless you want to set the WebP image quality parameters;
- For photography » Quality: preferably at least 70. If the file size is to be as small as possible, then Quality should be as low as 30;
- For artificial images, for example, black and white text, 3D rendering, Quality: minimum 98.
If a plugin is detected, a WebP will appear in Help » About Plug-ins in Photoshop as follows:
If it isn’t detected, try the following:
- Photoshop update to the latest version;
- Make sure the plug-ins installed are compatible with your PC / Laptop operating system, whether 32bit or 64bit;
- If still not detected, try turning off the antivirus, windows firewall, and allowing plug-ins to run;
- Make sure the folder is placed correctly, or try moving it to the following folder :
C:\Program Files\Common Files\Adobe\Plug-Ins\CC C:\Program Files\Common Files\Adobe\Plug-Ins\CC\File Formats C:\Program Files\Adobe\Adobe Photoshop 2020\Plug-ins
- So it is still not detected, there could be a conflicting plug-in, so remove all plug-ins and try to copy the WebP plugins again, then restart your computer.
May be useful..!
Mustafa Al Mahmud is the founder and owner of Gizmo Concept, a leading technology news and review site. With over 10 years of experience in the tech industry, Mustafa started Gizmo Concept in 2017 to provide honest, in-depth analysis and insights on the latest gadgets, apps, and tech trends.
A self-proclaimed “tech geek,” Mustafa first developed a passion for technology as a computer science student at the Hi-Tech Institute of Engineering & Technology. After graduation, he worked at several top tech firms leading product development teams and honing his skills as both an engineer and innovator. However, he always dreamed of having his own platform to share his perspectives on the tech world.
With the launch of Gizmo Concept, Mustafa has built an engaged community of tech enthusiasts who look to the site for trusted, informed takes on everything from smartphones to smart homes. Under his leadership, Gizmo Concept has become a top destination for tech reviews, news, and expert commentary.
Outside of running Gizmo Concept, Mustafa is an avid traveler who enjoys experiencing new cultures and tech scenes worldwide. He also serves as a tech advisor and angel investor for several startups. Mustafa holds a B.S. in Computer Science from HIET.