khalyomede / gulp-sharp-responsive

A gulp plugin to generate responsives images.
https://npmjs.com/package/gulp-sharp-responsive
17 stars 6 forks source link

Problem with AVIF file generation not displaying in Safari using gulp-sharp-responsive #18

Open maikycourse opened 10 months ago

maikycourse commented 10 months ago

I'm currently using the gulp-sharp-responsive library to generate AVIF files. However, these files are not visible in Safari (MacOSX version 12.7, Safari version 17.0). It's important to note that when I generate the same AVIF files using Squoosh, they are visible in Safari. This suggests that the issue might not lie with the AVIF format itself but with how gulp-sharp-responsive is generating these files.

Expected Behavior:

I expected the AVIF files generated by gulp-sharp-responsive to be visible in all browsers, including Safari 17.0 on MacOSX 12.7, similar to the files generated by Squoosh.

Steps to Reproduce:

Use gulp-sharp-responsive to generate AVIF files. Attempt to view these AVIF files in Safari 17.0 on MacOSX 12.7. Observe that the files are not visible in Safari. Observed Behavior: The AVIF files generated by gulp-sharp-responsive are not visible in Safari 17.0 on MacOSX 12.7, despite being valid files.

Environment:

Operating System: MacOSX 12.7 Node.js Version: [Your Node.js version] Browser and Version: Safari 17.0 Additional Information: I've verified the validity of the generated files and confirmed their functionality in other browsers and when generated by Squoosh. This indicates that the problem might be related to how gulp-sharp-responsive is generating AVIF files specifically for Safari 17.0 on MacOSX 12.7.

I would greatly appreciate your help in resolving this issue, as Safari compatibility is crucial in my workflow. Thank you in advance!

Suggested Steps to Resolve:

Investigate if there are known issues with AVIF generation in gulp-sharp-responsive specifically for Safari 17.0 on MacOSX 12.7. Perform specific tests in this environment to identify and resolve the compatibility issue. Thank you for your attention!

khalyomede commented 10 months ago

Hi @maikycourse , sorry to hear the package is preventing your workflow to run correctly.

I might have one track for a solution, to upgrade the underlying "sharp" version to see if they might have fixed the issue in the latest versions. In fact, gulp-sharp-responsive is not really performing any modification to the output of sharp, which handles all the work.

To help me see if this track is worth checking, could you please paste the output of npm list sharp please? In order to compare the version you have with the latest version of sharp.