Pijush Gupta

Hi @gekomees ,

I have tested the image, unable to find any issue for now. Is it possible for you to share the php instalation info? Trying to recreate issue.

Example

Regards,
Pijush G.

• This reply was modified 3 months, 1 week ago by Pijush Gupta.

Hi @gekomees ,
Can you please share the original PNG image for testing?

Regards,
Pijush G.

Yes, you can bypass image caching, using page rules or workers script .

Hi @gekomees ,

Please update the method with following code or download the latest development version from github: https://github.com/Pijushgupta/avif-express, 


public static function attachmentUrlToPath(string $url)

{

// Parse the URL to get the path

$parsed_url = parse_url($url);

if (empty($parsed_url['path'])) return false;

// Get the upload directory data

$upload_dir = wp_upload_dir();

$upload_baseurl = $upload_dir['baseurl'];

$upload_basedir = $upload_dir['basedir'];

// Remove the base URL part to get the relative path

$relative_path = str_replace($upload_baseurl, '', $url);

$file_path = $upload_basedir . $relative_path;

// Check if the file exists

if (file_exists($file_path)) {

return $file_path;

}

return false;

}

1.    Device A (Supports AVIF):
?   Request: Device A sends a request to your server via Cloudflare.
?   Server Logic: Your server detects that Device A supports AVIF and serves the page with AVIF images.
?   Cloudflare Caches: Cloudflare caches the HTML content, including the AVIF images, based on the URL and other caching rules.

Subsequent Request:

2.  Device B (Does Not Support AVIF):
?   Request: Device B sends a request for the same URL.
?   Cloudflare Cache: Cloudflare checks its cache and finds the previously cached HTML content from Device A’s request.
?   Response: Cloudflare serves the cached HTML content to Device B, which includes the AVIF image.

Since Cloudflare served the cached HTML content without checking Device B’s AVIF support, Device B might receive the AVIF image that it cannot display.

We apologize for the delayed response. Please update the plugin to the latest version. In this new update, the AVIF support code for local servers has been completely rewritten. If this does not resolve the issue, it is possible that your server lacks the capability to convert AVIF images. In such a case, we recommend using the cloud conversion option.

issue added here https://github.com/Pijushgupta/avif-express/issues/10

closing the topic

Avif format is not supported by WordPress media/gallery. I opening an issue on the dev repository https://github.com/Pijushgupta/avif-express to make WordPress media/gallery to support(if possible).
Please feel free to create an issue or contribute on the dev respository. Closing the topic here.

Hi @cooltronic sorry for late replay you can please try dev version, i working on major updates. So minor updates are combined with upcoming major update. Please use the dev https://github.com/Pijushgupta/avif-express . Also feel to report, contribute or open an issue to the repository, also response time is much quicker.

@robaczek1 sorry for late replay.
1. Image not showing on mobile device is understandable – can you please share more about the device and the browser.
2. Image using wrong file name – can you please share the page with the image.

please feel free to report bugs https://github.com/Pijushgupta/avif-express/issues .

Thanks @robacze

Thanks for update @dimasp. AVIF image format only supported on iOS 16 and above. Please deactivate the plugin.

Hi,

Can you please add the url? Additionally, can you please provide the android device specifications like the version of android and browser name and version?

Sorry for the inconvenience

• This reply was modified 1 year ago by Pijush Gupta.

closing as resolved

closing