Image rendering quality compared to expo-image

[natuanorg]

We are currently using React Native Skia for image rendering in our application and have noticed that the image quality is significantly lower compared to when using the expo-Image library.

Here is a sample code snippet for rendering an image using React Native Skia and expo-image to illustrate the issue:

const URI = 'https://i.ibb.co/D1rZQvR/2024.webp';
export const TestScreen = () => {
  const image = useImage(URI);
  if (image === null) {
    return null;
  }
  return (
    <View style={{flex: 1}}>
      <Canvas style={{flex: 1}}>
        <Image
          fit={'cover'}
          image={image}
          x={0}
          y={0}
          width={256}
          height={256}
        />
      </Canvas>
      <View style={{flex: 1}}>
        <EXImage source={URI} style={{width: 256, height: 256}} />
      </View>
    </View>
  );
};

We are looking for guidance on how to improve image rendering quality using React Native Skia. Any insights, recommendations, or configurations that could help us achieve better quality would be greatly appreciated.

Thank you for your attention to this matter. We look forward to your support and suggestions.

[wcandillon]

Can you please provide me access to the image you are using in your test?
Does this only happens with webp format or any image format

[natuanorg]

Thank you for your feedback. Apologies for the expired link. Please access the image from the link provided below.
https://drive.google.com/file/d/16caNs7ioEHOOzqSMDsIGmghAd_ZBjUyY/view?usp=sharing

Currently, our application primarily uses the webp image format, and the issue of webp image quality is occurring on both iOS and Android platforms. To provide a more visual context, you can refer to the application we are building based on React Native Skia

Android

iOS

[wcandillon]

thank you. this seems to be a sampling issue of the image, I will investigate it.

[wcandillon]

@natuanorg I found the issue and will release a fix for it today

[natuanorg]

@wcandillon Thank you for supporting me with this issue. I truly appreciate your help.