Generate Image Assets -> Webp

[defaultv2hhv32yddxo]

Photoshop now has webp image support, which is great, but it does not work when generating image assets using the File->Generate->Image Assets workflow. Presently, it just gives an error with 'Unsupported extension: webp".

Considering Adobe is advertising 'full support' for webp in photoshop, this seems like an oversight.

Please roll the webp functionality into the generate image assets workflow.

Why is it valuable to me:

WebP files are particularly useful for web development. The generate image assets workflow is also very web-dev friendly. I would be using this combo constantly if it were possible. Instead I have to slowly export-as my way around multiple documents. The current situation feels like stepping back in time.

[Dhal_Naka]

If you make a small change in this file

C:\Program Files\Adobe\Adobe Photoshop 2022\Required\Plug-ins\Generator\game_assets.generate\lib\parsermanager.js

you can make it work.

Change 
"webp": !!this._config["webp-enabled"]

to

"webp": this._config.hasOwnProperty("webp-enabled") ? !!this._config["webp-enabled"] : true,


BUT if you move to Photoshop 2023 that's different now... And I have no idea how to solve the problem this time, so I'm going to open a new post asking that :S

[paulsoultis]

Hi all, any update on this request for webp support using generate?

[kv43606971]

Using PS 2024 on Windows it works for me now. Just needed to enable it within the Configuration Options.
https://github.com/adobe-photoshop/generator-assets/wiki/Configuration-Options#sample-configuration

[paulsoultis]

Thanks for the heads up, I'm using Mac and M1 and Generator config panel is noted to not be supported. Is there other ways to enable it?

[kv43606971]

* Create a new txt file, copy this in there, save and close it:
module.exports = {
"generator-assets": {
"webp-enabled":true,
"webp-lossless":false,
}}

* rename your .txt file to generator.js
* save your generator.js file at this location and restart PS:

Windows     C:\Users\<UserName>

Mac            /Users/<UserName>/

[paulsoultis]

Amazing thanks mate, just tested and this is working perfectly. I was also able to add percentage value to optimise the WebP compression amount.

[Sam22616526i6hc]

hello Paul, I'm also using Photoshop 2024 on an M1 Macbook. Did you copy the generator.js file to this directory  /Users/<UserName>/ (or some folder inside the Adobe photoshop??)

This doesn't seem to work for me. After restart, I'm still seeing the error.txt saying unsupported extension. 

[Sam22616526i6hc]

hello kv, I followed the step by saving the .js file under  /Users/<UserName>/ (M1 Mac user here). However, after restarting PS, I still have the error for generation (unsupported extension). Is it because the direction is wrong? 

[Stephen_A_Marsh]

Anecdotally, it appears to be an issue for Apple Silicon chips.

[paulsoultis]

Hi

I'm using an M1 Pro, and this has been working for me since my last post. We have tested this on several systems, and all we needed to do was configure a txt file with the supplied code, call it generator.js, and move it to your username folder in your /Users/ directory.

With a Photoshop restart, you should be able to add the webp extension to your layer to output a webp files. If your having further issues maybe share what code you have in your js file and a screen of your layers in photoshop if we can identify any error you may have.

[Stephen_A_Marsh]

@paulsoultis 

Thanks for confirming that this works with an M1 chipset!

I also recently shared some configuration files here:

https://community.adobe.com/t5/photoshop-ecosystem-discussions/generate-image-assets-from-layers-los...

EDIT: A new alternative option for creating the generator.js configuration file here –

https://community.adobe.com/t5/photoshop-ecosystem-discussions/online-quot-generator-quot-config-fil...

[Sam22616526i6hc]

hey @Stephen_A_Marsh @paulsoultis I have attached the screenshot of the js file content, directory, and the settings of my psd artboard. Seems like all settings are done, but I still encounted error after restart photoshop (even after reboot the mac). Did I miss anything? Thanks a lot!

[Stephen_A_Marsh]

@Sam22616526i6hc 

Where is WEBP?

"webp-enabled": true,

[Sam22616526i6hc]

aha! also realised that the line of comment was not meant to be copied, which cause syntax error.

it works perfect now. thank you all

[paulsoultis]

Nice find @Stephen_A_Marsh.

Glad it's working for you now @Sam22616526i6hc  

[Ernesto_CH]

Hello! I have a quick question, I have been using the same workflow –to generate a lot of web oriented assets, daily– and I was wondering if there is any way to incorporate the Colour profile of the .psd file into the webp generated assets.
I know it's possible with the other formats (jpeg/png/etc.) But I am not sure aboute the webp, another code line could help ?
Thank you 🙂

[Stephen_A_Marsh]

Hello! I have a quick question, I have been using the same workflow –to generate a lot of web oriented assets, daily– and I was wondering if there is any way to incorporate the Colour profile of the .psd file into the webp generated assets.
I know it's possible with the other formats (jpeg/png/etc.) But I am not sure aboute the webp, another code line could help ?
Thank you 🙂

By @Ernesto_CH 

I just tested in v2021 and can confirm that the ICC profile isn't included in WebP as it is in other formats when the generator.js configuration file is set to "embed-icc-profile": true,