Image Breakpoints with 20K File Size Jumps
Read Sensible Jumps in Responsive Image File Sizes for more information on this experiment.
All images with the exception of the Microsoft logo are by Lyza Gardner and are used under Creative Commons license. Lyza isn’t just Cloud Four’s co-founder. She is also an amazing photographer. Check out her photos on Flickr.
The Microsoft Logo is registered trademark of Microsoft. Source PNG courtesy WikiPedia Commons.
Times Square
8 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
25K |
| 2 |
453 |
302 |
44K |
| 3 |
579 |
386 |
65K |
| 4 |
687 |
458 |
85K |
| 5 |
786 |
524 |
104K |
| 6 |
885 |
590 |
124K |
| 7 |
975 |
650 |
142K |
| 8 |
990 |
660 |
151K |
Morning in Kettering
3 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
9.0K |
| 2 |
731 |
487 |
29K |
| 3 |
990 |
660 |
40K |
Microsoft Logo
1 Image Breakpoint
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
990 |
660 |
13K |
Mazatlan Aquarium
5 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
16K |
| 2 |
530 |
353 |
35K |
| 3 |
707 |
471 |
55K |
| 4 |
855 |
570 |
75K |
| 5 |
990 |
660 |
95K |
Blooming Café, Den Haag
3 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
11K |
| 2 |
684 |
456 |
31K |
| 3 |
990 |
660 |
45K |
Cold Morning Hyundai
5 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
11K |
| 2 |
569 |
379 |
30K |
| 3 |
775 |
517 |
51K |
| 4 |
943 |
629 |
71K |
| 5 |
990 |
660 |
69K |
Andrea and Luke
4 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
13K |
| 2 |
605 |
403 |
32K |
| 3 |
838 |
559 |
53K |
| 4 |
990 |
660 |
62K |
Jeremy's Mandolin
4 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
15K |
| 2 |
602 |
401 |
34K |
| 3 |
851 |
567 |
54K |
| 4 |
990 |
660 |
63K |
Milky Way
7 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
13K |
| 2 |
474 |
316 |
32K |
| 3 |
602 |
401 |
53K |
| 4 |
707 |
471 |
72K |
| 5 |
812 |
541 |
92K |
| 6 |
909 |
606 |
111K |
| 7 |
990 |
660 |
123K |
Devices and mobinauts
7 Image Breakpoints
| Breakpoint # |
Width |
Height |
File Size |
| 1 |
320 |
213 |
24K |
| 2 |
471 |
314 |
43K |
| 3 |
612 |
408 |
64K |
| 4 |
728 |
485 |
84K |
| 5 |
840 |
560 |
103K |
| 6 |
944 |
629 |
122K |
| 7 |
990 |
660 |
131K |