WebP image not created

Hey!

Thanks a lot for your report, would you mind helping us to debug this issue by sharing with us the following results:

Checking the support of WebP on your server, by going into Tools > Site Health and checking in the Passed tests dropdown to see if you can find the Your site supports Webp.

Lastly, would you mind going into the Info tab on the Site Health module as well and clicking in Copy site info to clipboard, then sharing the copied data here so we can take a closer look at your current setup?

Thanks again for your report and for sharing with us the output of those steps described above.

Hi Crisoforo,

i can confirm the test for webp has been passed well in the site health controls.

Here you are the setup:

### wp-core ###

version: 5.9.2
site_language: it_IT
user_language: en_US
timezone: Europe/Rome
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /var/www/vhosts/guide-ergonet.it/httpdocs
wordpress_size: 47,03 MB (49318340 bytes)
uploads_path: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/uploads
uploads_size: 2,20 MB (2308958 bytes)
themes_path: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/themes
themes_size: 18,91 MB (19825723 bytes)
plugins_path: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/plugins
plugins_size: 27,86 MB (29210275 bytes)
database_size: 2,47 MB (2588672 bytes)
total_size: 98,47 MB (103251968 bytes)

### wp-active-theme ###

name: Highlight (highlight)
version: 1.0.24
author: ExtendThemes
author_website: https://extendthemes.com/
parent_theme: Mesmerize (mesmerize)
theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, post-thumbnails, custom-header, custom-logo, customize-selective-refresh-widgets, menus, widgets
theme_path: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/themes/highlight
auto_update: Disabled

### wp-parent-theme ###

name: Mesmerize (mesmerize)
version: 1.6.109
author: Horea Radu
author_website: https://extendthemes.com/
theme_path: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/themes/mesmerize
auto_update: Disabled

### wp-themes-inactive (2) ###

Twenty Twenty-One: version: 1.5, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Two: version: 1.1, author: the WordPress team, Auto-updates disabled

### wp-mu-plugins (1) ###

akeeba-backup-coreupdate.php: author: (undefined), version: (undefined)

### wp-plugins-active (6) ###

Akeeba Backup for WordPress: version: 7.6.2.1, author: Akeeba Ltd, Auto-updates enabled
Elementor: version: 3.5.6, author: Elementor.com, Auto-updates enabled
Patchstack Security: version: 2.1.18, author: Patchstack, Auto-updates enabled
Performance Lab: version: 1.0.0-beta.1, author: WordPress Performance Group, Auto-updates enabled
WP Open Street Map: version: 1.25, author: InfoD74, Auto-updates enabled
Yoast SEO: version: 18.3, author: Team Yoast, Auto-updates enabled

### wp-plugins-inactive (1) ###

Ergonet Varnish Cache: version: 1.0.4, author: Ergonet srl, Auto-updates enabled

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-68 Q16 x86_64 2020-04-01 https://imagemagick.org
imagick_version: 3.5.1
file_uploads: File uploads is turned off
post_max_size: 256M
upload_max_filesize: 256M
max_effective_size: 256 MB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 7 GB
	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
	imagick::RESOURCETYPE_FILE: 768
	imagick::RESOURCETYPE_MAP: 7 GB
	imagick::RESOURCETYPE_MEMORY: 4 GB
	imagick::RESOURCETYPE_THREAD: 1
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 3.10.0-1160.el7.x86_64 x86_64
httpd_software: Apache
php_version: 7.4.22 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 1800
memory_limit: 1024M
max_input_time: 240
upload_max_filesize: 256M
php_post_max_size: 256M
curl_version: 7.70.0 NSS/3.44 (OpenSSL/1.0.2k-fips)
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true

### wp-database ###

extension: mysqli
server_version: 10.3.34-MariaDB
client_version: mysqlnd 7.4.22
max_allowed_packet: 536870912
max_connections: 1000

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content
WP_PLUGIN_DIR: /var/www/vhosts/guide-ergonet.it/httpdocs/wp-content/plugins
WP_MEMORY_LIMIT: 1024M
WP_MAX_MEMORY_LIMIT: 1024M
WP_DEBUG: true
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: true
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable

Regards

Thanks for sharing this with us, it sounds like the WebP is supported and working based on your settings above, can you replicate the following steps with us and share the results:

1. Create a new post
2. Upload a new JPEG image into your media library
3. Insert the image into the content of your post.
4. Publish your post
5. Share the markup generated by your post content here with us.

Additionally that if you have access to your server, can you review that *.webp files were not stored on your server?

When I upload a jpeg image from the media library nothing happens, the image remains in jpeg and I think it’s the normal behaviour.

Just to clarify images would remain loading as JPEG in the admin and media library, the plugin creates a new version without replacing the original image. When an image is inserted into the content an a WebP image size is available it would be loaded if not original JPEG would be served instead.

Let us know how that goes and in case you have additional questions. Thank you for taking a look at this and for giving us your feedback on the Performance Plugin, is really helpful for us to keep improving it, so looking forward to hear back from you.

Here you are the page created with the step above:

https://www.guide-ergonet.it/2022/03/16/test-for-webp/

In this page i uploaded 3 images,these 2 are jpeg:

53691287_m-2048×1365.jpg
36157429_m-2048×1536.jpg

The *.jpeg version are in upload folder but there is not any *.webp image in the same folder. There are the other sized images always in *.jpeg format.

You said:

When an image is inserted into the content and a WebP image size is available it would be loaded if not original JPEG would be served instead.

i think that is missing “and a WebP image size is available”, what are the prerequisites for the * .webp image to be created?

Thank you for creating this page for us to verify this problem in your setup. I’m going to try to replicate an environment closer to yours in order to see if I can replicate the error based on the configuration presented above.

If I might ask a couple of questions to verify this is behavior is not introduced or modified by another plugin/theme:

• Would you mind disabling all plugins besides the *Performance* plugin and retrying uploading an image and observing if the webp images were created.
• If the above didn’t work on top of that would you mind switching to a default theme like Twenty Twenty-Two

In addition to those tests would you mind describing the process you are using to upload your images?

Thank you @fabioassenzio so much for your effort in getting this resolved and for your patience. Let me know in case you have any additional questions, on my end would work on trying to recreate an environment with your hosting settings to see if I’m able to replicate the bug.

Hi @shetheliving and @mitogh, with the 1.0.0-beta.2 i tried to:

click save on the performance plugin settings
disable all plugin besides Performance plugin
set default theme Twenty Twenty-Two
create a new post

no webp image in the page (https://www.guide-ergonet.it/2022/03/22/test-for-webp3/) or in the upload folder.

I tried 2 methods:

upload directly from my pc
select a media already uploaded

??

@fabioassenzio Thanks for trying all of that. We plan to release 1.0.0-beta.3 today with a fix for the underlying issue (see https://github.com/WordPress/performance/issues/247), so please update when that is available and let me know if you begin to see WebP images. If not, we’ll need to do some deeper digging to see what else could be causing this issue for you.

Hey @fabioassenzio thank you for your report we were able to identify this problem and we are looking to release this as part of the upcoming release 1.0.0.beta-4 the next week however there’s a workaround you can use described on this ticket: https://github.com/WordPress/performance/issues/258

Code with the workaround that you can include on your functions.php file can be found here: https://github.com/WordPress/performance/issues/258#issuecomment-1077055885

Let us know if that works for you after the workaround is applied try to upload a new image after the release is completed the workaround won’t be required any more

@fabioassenzio We’ve released v1.0.0-rc.1 of the Performance Lab plugin, which contains a fix for the issue that you were experiencing. Can you please try updating and let us know if everything is working for you now? Thanks!

Hi Bethany and Crisoforo,

i can confirm that it’s working now! That’s the page:

https://www.guide-ergonet.it/test-for-webp/

and i can see the webp in upload folder, example:

15284514_m-1024×645.jpg
15284514_m-1024×645.webp
15284514_m-150×150.jpg
15284514_m-150×150.webp
15284514_m-1536×968.jpg
15284514_m-1536×968.webp
15284514_m-2048×1291.jpg
15284514_m-2048×1291.webp
15284514_m-300×189.jpg
15284514_m-300×189.webp
15284514_m-768×484.jpg
15284514_m-768×484.webp
15284514_m.jpg
15284514_m-scaled.jpg
15284514_m-scaled.webp`

great job!

• This reply was modified 2 years, 6 months ago by absinthe.

@fabioassenzio Awesome, glad to hear it! I’ll mark this topic as resolved, but if you have any other questions or issues feel free to open a new topic.