diff --git a/README.md b/README.md
index 75363b58..3a377bf3 100755
--- a/README.md
+++ b/README.md
@@ -30,10 +30,10 @@ Font './example/SourceHanSerifCN-Light-subset.ttf':0 found in 0.006ms.
 ✨ Done in 55.65491008758545 ms
 ```
 
-| SVG                                      | PNG                                          |
-| ---------------------------------------- | -------------------------------------------- |
-| <img width="390" src="example/anime_girl.svg"> | <img width="390" src="example/out-resvg-js.png"> |
-| <img width="390" src="example/text.svg"> | <img width="390" src="example/text-out.png"> |
+| SVG                                            | PNG                                                                 |
+| ---------------------------------------------- | ------------------------------------------------------------------- |
+| <img width="500" src="example/anime_girl.svg"> | <img width="500" src="example/out-resvg-js.png" alt="Anime girl" /> |
+| <img width="500" src="example/text.svg">       | <img width="500" src="example/text-out.png">                        |
 
 ## Benchmark
 
@@ -81,8 +81,6 @@ Running "resize width" suite...
 
 ## Develop requirements
 
-
-
 ## Test in local
 
 - Install latest `Rust`
@@ -94,6 +92,7 @@ yarn
 yarn build
 yarn test
 ```
+
 ## Roadmap
 
 I will consider implementing the following features, if you happen to be interested,
@@ -104,6 +103,7 @@ please feel free to discuss with me or submit a PR.
 - [ ] Support for generating more lossless bitmap formats, e.g. avif, webp, JPEG XL
 - [ ] Support async API (dependent on [napi-rs PR #760](https://github.com/napi-rs/napi-rs/pull/760))
 - [ ] Support WebAssembly(.wasm)
+
 ## Release package
 
 We use GitHub actions to automatically publish npm packages.
diff --git a/example/compare.js b/example/compare.js
index 023f2d52..da7186f8 100644
--- a/example/compare.js
+++ b/example/compare.js
@@ -13,7 +13,7 @@ async function main() {
   const pngData = render(svgString, {
     fitTo: {
       mode: 'width',
-      value: 2104,
+      value: 1052,
     },
     font: {
       loadSystemFonts: false, // It will be faster to disable loading system fonts.
@@ -24,8 +24,8 @@ async function main() {
   console.log('✨ resvg-js done in', t1 - t0, 'ms')
   await fs.writeFile(join(__dirname, './out-resvg-js.png'), pngData)
   
-  sharpToPng('example/anime_girl.svg', 2104)
-  skrCanvas(svg, 2104, 1488)
+  sharpToPng('example/anime_girl.svg', 1052)
+  skrCanvas(svg, 1052, 744)
 }
 
 async function sharpToPng(file, width) {
diff --git a/example/out-resvg-js.png b/example/out-resvg-js.png
index a6b65256..e2f8ca97 100644
Binary files a/example/out-resvg-js.png and b/example/out-resvg-js.png differ
diff --git a/example/out-resvg-js@2x.avif b/example/out-resvg-js@2x.avif
new file mode 100644
index 00000000..06564ce5
Binary files /dev/null and b/example/out-resvg-js@2x.avif differ
diff --git a/example/out-resvg-js@2x.png b/example/out-resvg-js@2x.png
new file mode 100644
index 00000000..a6b65256
Binary files /dev/null and b/example/out-resvg-js@2x.png differ
diff --git a/example/out-sharp.png b/example/out-sharp.png
index 9b293e61..2c9cb368 100644
Binary files a/example/out-sharp.png and b/example/out-sharp.png differ
diff --git a/example/out-sharp@2x.png b/example/out-sharp@2x.png
new file mode 100644
index 00000000..9b293e61
Binary files /dev/null and b/example/out-sharp@2x.png differ
diff --git a/example/out-skr-canvas.png b/example/out-skr-canvas.png
index fa967a68..35eeb585 100644
Binary files a/example/out-skr-canvas.png and b/example/out-skr-canvas.png differ
diff --git a/example/out-skr-canvas@2x.png b/example/out-skr-canvas@2x.png
new file mode 100644
index 00000000..fa967a68
Binary files /dev/null and b/example/out-skr-canvas@2x.png differ