Skip to content
This repository was archived by the owner on May 22, 2024. It is now read-only.

Commit 5752c71

Browse files
committed
chore(example): Add export example
1 parent 7a0aa19 commit 5752c71

11 files changed

+33
-0
lines changed

example/EXAMPLE.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# An example Responsive Image Builder export
2+
3+
![The original Unsplash image](a-pretty-background.jpg)
4+
5+
<p align="center"><sub>
6+
The original picture from Unsplash is 4MB. It measures 6000x4000.
7+
</sub></p>
8+
<br>
9+
10+
The export contains the pictures obtained with RIB using the default configuration. The standard-sized WebP image is only 134KB! That's roughly a 25% reduction in size and bandwidth compared to its identical JPEG twin.
11+
12+
This is the kind of reduction that you can expect from WebP while maintaining the same or slightly superior quality. By playing with the encoding settings, you could drive those file-sizes down even further.
13+
14+
See for your self!
15+
16+
<br>
17+
18+
![The resized JPEG image](export/a-pretty-background_normal.jpg)
19+
20+
<p align="center"><sub>
21+
A decent 1620x1080 JPEG export that is 180KB
22+
</sub></p>
23+
<br>
24+
25+
![The resized WebP image](export/a-pretty-background_normal.webp)
26+
27+
<p align="center"><sub>
28+
A superior 1620x1080 JPEG WebP that is 134KB. Can you tell the difference?
29+
</sub></p>
30+
<br>
31+
32+
Photo by Nathaniel Foong on [Unsplash](https://unsplash.com/photos/OVfKK18xzHA)

example/a-pretty-background.jpg

3.9 MB
Loading
633 KB
Loading
424 KB
Binary file not shown.
180 KB
Loading
133 KB
Binary file not shown.
83.9 KB
Loading
62.8 KB
Binary file not shown.
464 Bytes
Loading
120 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)