These are the primary thumbnail images for the top 50 most-downloaded products. Click the checkbox next to "show optimized images" at right to toggle displaying Cloudflare auto-optimized images.
These examples are for phase 1 of our image optimization efforts: having Cloudflare optimize our existing image thumbnails, which have already been resized down to 350px. The goal is to reduce image filesize without regressing image quality, but the project cannot improve image quality.
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Other Example Cases
These are not necessarily top resources, but they are examples where we've seen problematic image quality in past attempts to optimize.
Original
⌛
Original: ?
Optimized: ?
0%
Original
⌛
Original: ?
Optimized: ?
0%
Possible Phase 2: Original-Quality Image and using Cloudflare to resize and optimize
These examples are for a possible phase 2 of our image optimization project, where we seek to improve both image filesize and quality.
Version with sized down to 350px by Cloudflare (when "Optimized" is toggled)
This shaves off 60% of image filesize but subjectively might look only marginally better or even worse to some:
Original
⌛
Original: ?
Optimized: ?
0%
Version with 2X pixel density (when "Optimized" is toggled)
This will look sharper on modern screens but load slower than ever:
Original
⌛
Original: ?
Optimized: ?
0%
Version with 1.5x pixel density (when "Optimized" is toggled)
This will look sharper on most modern screens but at 85% quality is still a 15% size improvement over the original. Try reducing to 60% quality and you should still see a ~45% filesize improvement over original, without noticeable visible loss of quality. We need to test more image cases to determine the ideal quality param that represents the best performance/quality tradeoff.
