SQIP demo

SQIP will generate SVG based previews of images. They can be used as a lazy-loading image preview, a video thumbnail or an artistic element for your project.

Compare the new SQIP version with the old SQIP version, LQIP and a 300px thumbnail

The data on this page was generated with the following machine:

Manifacturer:: Apple Inc.
OS:: macOS - 13.5.1 - darwin - arm64
CPU model:: M1 Max by Apple Inc.
CPU cores:: 10
CPU speed:: 2.4 GHz
RAM:: 32.00 GB
Storage type:: NVMe

Comparision of images:

Thumbnail LQIP LQIP custom SQIP v0.3.3 SQIP default SQIP pixels SQIP pixels placeholder blurhash blurhash detailed triangle triangle art SQIP primitive art SQIP potrace SQIP potrace posterize

300px thumbnail of the original image, minified with mozjpeg

average processing time 65ms | ø 11.6 kB | ↓ 100.00%

Generated with lqip-cli

average processing time 228ms | ø 887 B | ↓ 7.67%

32px thumbnail generated with sharp, minified with mozjpeg

average processing time 43ms | ø 563 B | ↓ 4.87%

The old version of SQIP. For comparision to v1.0.0

average processing time 644ms | ø 771 B | ↓ 6.67%

config:

{
  "filename": "path/to/file.jpg"
}

Just the default settings (primitive + blur)

average processing time 859ms | ø 600 B | ↓ 5.19%

config:

{
  "input": "path/to/file.jpg"
}

Pixel art via sqip-plugin-pixels

average processing time 94ms | ø 699 B | ↓ 6.04%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    "pixels",
    "svgo",
    "data-uri"
  ]
}

Pixel art based placeholder via sqip-plugin-pixelsand the blur plugin.

average processing time 84ms | ø 430 B | ↓ 3.72%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    {
      "name": "pixels",
      "options": {
        "width": 3
      }
    },
    {
      "name": "blur",
      "options": {
        "blur": 24
      }
    },
    "svgo",
    "data-uri"
  ]
}

blurha.sh via sqip-plugin-blurhash

average processing time 90ms | ø 249 B | ↓ 2.15%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    "blurhash"
  ]
}

blurha.sh via sqip-plugin-blurhashbut with more elements/pixels.

average processing time 113ms | ø 269 B | ↓ 2.32%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    {
      "name": "blurhash",
      "options": {
        "width": 10
      }
    }
  ]
}

trianglepreviews with blur via sqip-plugin-triangle

average processing time 132ms | ø 1.02 kB | ↓ 8.81%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    "triangle",
    "blur",
    "svgo",
    "data-uri"
  ]
}

trianglewith 420 pts via sqip-plugin-triangle

average processing time 375ms | ø 22.3 kB | ↓ 192.69%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    {
      "name": "triangle",
      "options": {
        "pts": 420
      }
    },
    "svgo",
    "data-uri"
  ]
}

Primitive art with 100 triangles. More options: sqip-plugin-primitive

average processing time 1893ms | ø 1.18 kB | ↓ 10.21%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    {
      "name": "primitive",
      "options": {
        "numberOfPrimitives": 50,
        "mode": 1
      }
    },
    "svgo",
    "data-uri"
  ]
}

Default settings ofsqip-plugin-potrace

average processing time 177ms | ø 5.94 kB | ↓ 51.36%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    "potrace",
    "svgo",
    "data-uri"
  ]
}

Use of potrace's posterize featuresqip-plugin-potrace

average processing time 1057ms | ø 23.3 kB | ↓ 201.30%

config:

{
  "input": "path/to/file.jpg",
  "plugins": [
    {
      "name": "potrace",
      "options": {
        "posterize": true
      }
    },
    "svgo",
    "data-uri"
  ]
}

100.00%

aaron-burden-151465-unsplash-thumbnail.jpg

Size: 300×225 (4:3)
Processing Time:127ms


original	37.8 kB
gzip	17.1 kB	↓55%
brotli	17 kB	↓56%

4.64%

aaron-burden-151465-unsplash-lqip.jpg

Size: 10×8 (5:4)
Processing Time:279ms


original	1.25 kB
gzip	795 B	↓37%
brotli	772 B	↓39%

3.39%

aaron-burden-151465-unsplash-lqip-custom.jpg

Size: 32×24 (4:3)
Processing Time:46ms


original	1.03 kB
gzip	582 B	↓44%
brotli	579 B	↓44%

5.25%

aaron-burden-151465-unsplash-sqip-legacy.svg

Size: 2000×1500 (4:3)
Processing Time:496ms


original	1.52 kB
gzip	901 B	↓41%
brotli	863 B	↓44%

3.60%

aaron-burden-151465-unsplash-sqip.svg

Size: 300×225 (4:3)
Processing Time:1058ms


original	1.27 kB
gzip	618 B	↓52%
brotli	547 B	↓57%

3.23%

aaron-burden-151465-unsplash-sqip-pixels.svg

Size: 800×600 (4:3)
Processing Time:122ms


original	2.65 kB
gzip	554 B	↓80%
brotli	407 B	↓85%

2.27%

aaron-burden-151465-unsplash-sqip-pixels-placeholder.svg

Size: 400×300 (4:3)
Processing Time:91ms


original	962 B
gzip	389 B	↓60%
brotli	345 B	↓65%

1.38%

aaron-burden-151465-unsplash-sqip-blurhash.svg

Size: 4×5 (4:5)
Processing Time:107ms


original	387 B
gzip	237 B	↓39%
brotli	216 B	↓45%

1.52%

aaron-burden-151465-unsplash-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:131ms


original	411 B
gzip	261 B	↓37%
brotli	239 B	↓42%

6.08%

aaron-burden-151465-unsplash-sqip-triangle.svg

Size: 300×225 (4:3)
Processing Time:242ms


original	2.22 kB
gzip	1.04 kB	↓53%
brotli	1.01 kB	↓55%

135.48%

aaron-burden-151465-unsplash-sqip-triangle-art.svg

Size: 300×225 (4:3)
Processing Time:376ms


original	101 kB
gzip	23.2 kB	↓77%
brotli	19 kB	↓82%

6.86%

aaron-burden-151465-unsplash-sqip-art.svg

Size: 300×225 (4:3)
Processing Time:1461ms


original	3.27 kB
gzip	1.18 kB	↓65%
brotli	1.08 kB	↓67%

109.13%

aaron-burden-151465-unsplash-sqip-potrace.svg

Size: 300×225 (4:3)
Processing Time:403ms


original	49.6 kB
gzip	18.7 kB	↓63%
brotli	16.8 kB	↓67%

366.30%

aaron-burden-151465-unsplash-sqip-potrace-posterize.svg

Size: 300×225 (4:3)
Processing Time:1379ms


original	173 kB
gzip	62.8 kB	↓64%
brotli	55.7 kB	↓68%

100.00%

anthony-esau-173126-unsplash-thumbnail.jpg

Size: 300×225 (4:3)
Processing Time:54ms


original	23.6 kB
gzip	10.9 kB	↓54%
brotli	10.8 kB	↓55%

7.36%

anthony-esau-173126-unsplash-lqip.jpg

Size: 10×8 (5:4)
Processing Time:216ms


original	1.25 kB
gzip	801 B	↓36%
brotli	783 B	↓38%

5.11%

anthony-esau-173126-unsplash-lqip-custom.jpg

Size: 32×24 (4:3)
Processing Time:39ms


original	925 B
gzip	556 B	↓40%
brotli	536 B	↓43%

6.94%

anthony-esau-173126-unsplash-sqip-legacy.svg

Size: 2000×1500 (4:3)
Processing Time:612ms


original	1.33 kB
gzip	755 B	↓44%
brotli	736 B	↓45%

5.79%

anthony-esau-173126-unsplash-sqip.svg

Size: 300×225 (4:3)
Processing Time:978ms


original	1.23 kB
gzip	630 B	↓49%
brotli	552 B	↓56%

5.03%

anthony-esau-173126-unsplash-sqip-pixels.svg

Size: 800×600 (4:3)
Processing Time:76ms


original	2.65 kB
gzip	548 B	↓80%
brotli	420 B	↓85%

3.60%

anthony-esau-173126-unsplash-sqip-pixels-placeholder.svg

Size: 400×300 (4:3)
Processing Time:71ms


original	962 B
gzip	392 B	↓60%
brotli	340 B	↓65%

2.28%

anthony-esau-173126-unsplash-sqip-blurhash.svg

Size: 4×5 (4:5)
Processing Time:85ms


original	403 B
gzip	248 B	↓39%
brotli	229 B	↓44%

2.49%

anthony-esau-173126-unsplash-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:115ms


original	427 B
gzip	271 B	↓37%
brotli	251 B	↓42%

9.23%

anthony-esau-173126-unsplash-sqip-triangle.svg

Size: 300×225 (4:3)
Processing Time:100ms


original	2.23 kB
gzip	1 kB	↓55%
brotli	973 B	↓57%

212.97%

anthony-esau-173126-unsplash-sqip-triangle-art.svg

Size: 300×225 (4:3)
Processing Time:378ms


original	102 kB
gzip	23.2 kB	↓78%
brotli	18.6 kB	↓82%

10.85%

anthony-esau-173126-unsplash-sqip-art.svg

Size: 300×225 (4:3)
Processing Time:1751ms


original	3.29 kB
gzip	1.18 kB	↓65%
brotli	1.1 kB	↓67%

33.75%

anthony-esau-173126-unsplash-sqip-potrace.svg

Size: 300×225 (4:3)
Processing Time:157ms


original	8.51 kB
gzip	3.67 kB	↓57%
brotli	3.24 kB	↓62%

109.70%

anthony-esau-173126-unsplash-sqip-potrace-posterize.svg

Size: 300×225 (4:3)
Processing Time:975ms


original	29.1 kB
gzip	11.9 kB	↓59%
brotli	10.5 kB	↓64%

100.00%

aron-visuals-974734-unsplash-thumbnail.jpg

Size: 300×375 (4:5)
Processing Time:67ms


original	21.9 kB
gzip	10.2 kB	↓54%
brotli	9.94 kB	↓55%

8.95%

aron-visuals-974734-unsplash-lqip.jpg

Size: 10×13 (10:13)
Processing Time:322ms


original	1.4 kB
gzip	910 B	↓35%
brotli	895 B	↓37%

5.47%

aron-visuals-974734-unsplash-lqip-custom.jpg

Size: 32×40 (4:5)
Processing Time:47ms


original	933 B
gzip	556 B	↓41%
brotli	558 B	↓41%

7.71%

aron-visuals-974734-unsplash-sqip-legacy.svg

Size: 2000×2500 (4:5)
Processing Time:745ms


original	1.22 kB
gzip	784 B	↓36%
brotli	755 B	↓39%

5.87%

aron-visuals-974734-unsplash-sqip.svg

Size: 298×375 (298:375)
Processing Time:789ms


original	1.13 kB
gzip	597 B	↓48%
brotli	531 B	↓54%

7.72%

aron-visuals-974734-unsplash-sqip-pixels.svg

Size: 800×1000 (4:5)
Processing Time:118ms


original	4.36 kB
gzip	785 B	↓82%
brotli	539 B	↓88%

4.46%

aron-visuals-974734-unsplash-sqip-pixels-placeholder.svg

Size: 400×500 (4:5)
Processing Time:115ms


original	1.39 kB
gzip	454 B	↓68%
brotli	379 B	↓73%

2.45%

aron-visuals-974734-unsplash-sqip-blurhash.svg

Size: 4×3 (4:3)
Processing Time:115ms


original	403 B
gzip	249 B	↓39%
brotli	230 B	↓43%

2.68%

aron-visuals-974734-unsplash-sqip-blurhash-detailed.svg

Size: 9×7 (9:7)
Processing Time:133ms


original	427 B
gzip	273 B	↓37%
brotli	255 B	↓41%

9.91%

aron-visuals-974734-unsplash-sqip-triangle.svg

Size: 300×375 (4:5)
Processing Time:154ms


original	2.23 kB
gzip	1.01 kB	↓55%
brotli	986 B	↓56%

216.01%

aron-visuals-974734-unsplash-sqip-triangle-art.svg

Size: 300×375 (4:5)
Processing Time:404ms


original	98.5 kB
gzip	22 kB	↓78%
brotli	18 kB	↓82%

11.83%

aron-visuals-974734-unsplash-sqip-art.svg

Size: 298×375 (298:375)
Processing Time:1997ms


original	3.32 kB
gzip	1.2 kB	↓64%
brotli	1.11 kB	↓67%

28.42%

aron-visuals-974734-unsplash-sqip-potrace.svg

Size: 300×375 (4:5)
Processing Time:186ms


original	6.64 kB
gzip	2.89 kB	↓57%
brotli	2.54 kB	↓62%

204.91%

aron-visuals-974734-unsplash-sqip-potrace-posterize.svg

Size: 300×375 (4:5)
Processing Time:1078ms


original	56 kB
gzip	20.8 kB	↓63%
brotli	18.6 kB	↓67%

100.00%

beach-thumbnail.jpg

Size: 300×188 (75:47)
Processing Time:40ms


original	13.2 kB
gzip	6.31 kB	↓53%
brotli	6.21 kB	↓54%

12.85%

beach-lqip.jpg

Size: 10×6 (5:3)
Processing Time:84ms


original	1.27 kB
gzip	811 B	↓36%
brotli	787 B	↓38%

7.54%

beach-lqip-custom.jpg

Size: 32×20 (8:5)
Processing Time:28ms


original	799 B
gzip	476 B	↓41%
brotli	420 B	↓48%

12.31%

beach-sqip-legacy.svg

Size: 1024×640 (8:5)
Processing Time:531ms


original	1.33 kB
gzip	777 B	↓42%
brotli	757 B	↓44%

9.52%

beach-sqip.svg

Size: 300×187 (300:187)
Processing Time:849ms


original	1.18 kB
gzip	601 B	↓49%
brotli	541 B	↓54%

7.86%

beach-sqip-pixels.svg

Size: 800×500 (8:5)
Processing Time:28ms


original	2.22 kB
gzip	496 B	↓78%
brotli	366 B	↓84%

5.63%

beach-sqip-pixels-placeholder.svg

Size: 400×200 (2:1)
Processing Time:22ms


original	750 B
gzip	355 B	↓53%
brotli	314 B	↓59%

3.98%

beach-sqip-blurhash.svg

Size: 4×6 (2:3)
Processing Time:31ms


original	403 B
gzip	251 B	↓38%
brotli	229 B	↓44%

4.33%

beach-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:61ms


original	427 B
gzip	273 B	↓37%
brotli	252 B	↓41%

16.21%

beach-sqip-triangle.svg

Size: 300×188 (75:47)
Processing Time:47ms


original	2.27 kB
gzip	1.02 kB	↓55%
brotli	993 B	↓57%

344.60%

beach-sqip-triangle-art.svg

Size: 300×188 (75:47)
Processing Time:304ms


original	101 kB
gzip	21.7 kB	↓79%
brotli	17.7 kB	↓83%

18.67%

beach-sqip-art.svg

Size: 300×187 (300:187)
Processing Time:1799ms


original	3.3 kB
gzip	1.18 kB	↓65%
brotli	1.1 kB	↓67%

57.49%

beach-sqip-potrace.svg

Size: 300×188 (75:47)
Processing Time:100ms


original	8.77 kB
gzip	3.63 kB	↓59%
brotli	3.15 kB	↓65%

174.55%

beach-sqip-potrace-posterize.svg

Size: 300×188 (75:47)
Processing Time:897ms


original	28.4 kB
gzip	11 kB	↓62%
brotli	9.68 kB	↓66%

100.00%

charles-550068-unsplash-thumbnail.jpg

Size: 300×418 (150:209)
Processing Time:65ms


original	27.3 kB
gzip	12.6 kB	↓55%
brotli	12.4 kB	↓55%

7.42%

charles-550068-unsplash-lqip.jpg

Size: 10×14 (5:7)
Processing Time:303ms


original	1.43 kB
gzip	932 B	↓35%
brotli	912 B	↓37%

5.32%

charles-550068-unsplash-lqip-custom.jpg

Size: 32×45 (32:45)
Processing Time:44ms


original	1.25 kB
gzip	668 B	↓47%
brotli	614 B	↓51%

5.46%

charles-550068-unsplash-sqip-legacy.svg

Size: 2000×2785 (400:557)
Processing Time:842ms


original	1.1 kB
gzip	686 B	↓38%
brotli	656 B	↓41%

4.24%

charles-550068-unsplash-sqip.svg

Size: 300×418 (150:209)
Processing Time:891ms


original	996 B
gzip	532 B	↓47%
brotli	471 B	↓53%

6.82%

charles-550068-unsplash-sqip-pixels.svg

Size: 800×1100 (8:11)
Processing Time:125ms


original	4.8 kB
gzip	857 B	↓83%
brotli	603 B	↓88%

3.86%

charles-550068-unsplash-sqip-pixels-placeholder.svg

Size: 400×600 (2:3)
Processing Time:115ms


original	1.6 kB
gzip	485 B	↓70%
brotli	400 B	↓75%

2.05%

charles-550068-unsplash-sqip-blurhash.svg

Size: 4×3 (4:3)
Processing Time:118ms


original	411 B
gzip	257 B	↓38%
brotli	237 B	↓43%

2.13%

charles-550068-unsplash-sqip-blurhash-detailed.svg

Size: 9×6 (3:2)
Processing Time:124ms


original	419 B
gzip	268 B	↓37%
brotli	244 B	↓42%

8.47%

charles-550068-unsplash-sqip-triangle.svg

Size: 300×418 (150:209)
Processing Time:161ms


original	2.28 kB
gzip	1.06 kB	↓54%
brotli	1.03 kB	↓55%

184.48%

charles-550068-unsplash-sqip-triangle-art.svg

Size: 300×418 (150:209)
Processing Time:417ms


original	100 kB
gzip	23.2 kB	↓77%
brotli	18.5 kB	↓82%

9.48%

charles-550068-unsplash-sqip-art.svg

Size: 300×418 (150:209)
Processing Time:2366ms


original	3.2 kB
gzip	1.19 kB	↓63%
brotli	1.11 kB	↓66%

30.19%

charles-550068-unsplash-sqip-potrace.svg

Size: 300×418 (150:209)
Processing Time:191ms


original	9.18 kB
gzip	3.79 kB	↓59%
brotli	3.36 kB	↓64%

168.01%

charles-550068-unsplash-sqip-potrace-posterize.svg

Size: 300×418 (150:209)
Processing Time:1076ms


original	55.8 kB
gzip	21.1 kB	↓63%
brotli	18.8 kB	↓67%

100.00%

eric-marty-780304-unsplash-thumbnail.jpg

Size: 300×300 (1:1)
Processing Time:62ms


original	28.4 kB
gzip	13 kB	↓55%
brotli	12.8 kB	↓55%

7.26%

eric-marty-780304-unsplash-lqip.jpg

Size: 10×10 (1:1)
Processing Time:241ms


original	1.44 kB
gzip	943 B	↓35%
brotli	923 B	↓36%

4.20%

eric-marty-780304-unsplash-lqip-custom.jpg

Size: 32×32 (1:1)
Processing Time:43ms


original	974 B
gzip	545 B	↓45%
brotli	512 B	↓48%

5.91%

eric-marty-780304-unsplash-sqip-legacy.svg

Size: 2000×2000 (1:1)
Processing Time:1007ms


original	1.27 kB
gzip	767 B	↓40%
brotli	748 B	↓42%

4.71%

eric-marty-780304-unsplash-sqip.svg

Size: 300×300 (1:1)
Processing Time:1071ms


original	1.15 kB
gzip	611 B	↓47%
brotli	538 B	↓54%

5.18%

eric-marty-780304-unsplash-sqip-pixels.svg

Size: 800×800 (1:1)
Processing Time:97ms


original	3.47 kB
gzip	673 B	↓81%
brotli	489 B	↓86%

3.27%

eric-marty-780304-unsplash-sqip-pixels-placeholder.svg

Size: 400×400 (1:1)
Processing Time:92ms


original	1.17 kB
gzip	425 B	↓64%
brotli	353 B	↓70%

1.94%

eric-marty-780304-unsplash-sqip-blurhash.svg

Size: 4×4 (1:1)
Processing Time:98ms


original	407 B
gzip	252 B	↓39%
brotli	227 B	↓45%

2.09%

eric-marty-780304-unsplash-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:151ms


original	427 B
gzip	272 B	↓37%
brotli	251 B	↓42%

7.96%

eric-marty-780304-unsplash-sqip-triangle.svg

Size: 300×300 (1:1)
Processing Time:127ms


original	2.26 kB
gzip	1.03 kB	↓55%
brotli	1 kB	↓56%

180.17%

eric-marty-780304-unsplash-sqip-triangle-art.svg

Size: 300×300 (1:1)
Processing Time:327ms


original	101 kB
gzip	23.4 kB	↓77%
brotli	18.8 kB	↓82%

9.26%

eric-marty-780304-unsplash-sqip-art.svg

Size: 300×300 (1:1)
Processing Time:2240ms


original	3.33 kB
gzip	1.2 kB	↓64%
brotli	1.1 kB	↓67%

49.69%

eric-marty-780304-unsplash-sqip-potrace.svg

Size: 300×300 (1:1)
Processing Time:183ms


original	16.4 kB
gzip	6.45 kB	↓61%
brotli	5.72 kB	↓66%

237.21%

eric-marty-780304-unsplash-sqip-potrace-posterize.svg

Size: 300×300 (1:1)
Processing Time:1140ms


original	85.9 kB
gzip	30.8 kB	↓65%
brotli	27.4 kB	↓69%

100.00%

ian-dooley-298769-unsplash-thumbnail.jpg

Size: 300×450 (2:3)
Processing Time:52ms


original	8.54 kB
gzip	4.07 kB	↓53%
brotli	3.98 kB	↓54%

19.57%

ian-dooley-298769-unsplash-lqip.jpg

Size: 10×15 (2:3)
Processing Time:293ms


original	1.25 kB
gzip	797 B	↓37%
brotli	777 B	↓38%

10.39%

ian-dooley-298769-unsplash-lqip-custom.jpg

Size: 32×48 (2:3)
Processing Time:40ms


original	776 B
gzip	423 B	↓46%
brotli	388 B	↓50%

20.43%

ian-dooley-298769-unsplash-sqip-legacy.svg

Size: 2000×3000 (2:3)
Processing Time:552ms


original	1.42 kB
gzip	832 B	↓42%
brotli	812 B	↓43%

14.69%

ian-dooley-298769-unsplash-sqip.svg

Size: 298×450 (149:225)
Processing Time:1007ms


original	1.15 kB
gzip	598 B	↓49%
brotli	530 B	↓55%

20.24%

ian-dooley-298769-unsplash-sqip-pixels.svg

Size: 800×1200 (2:3)
Processing Time:120ms


original	5.09 kB
gzip	824 B	↓84%
brotli	593 B	↓89%

11.54%

ian-dooley-298769-unsplash-sqip-pixels-placeholder.svg

Size: 400×600 (2:3)
Processing Time:104ms


original	1.56 kB
gzip	470 B	↓70%
brotli	388 B	↓76%

6.02%

ian-dooley-298769-unsplash-sqip-blurhash.svg

Size: 4×3 (4:3)
Processing Time:111ms


original	395 B
gzip	245 B	↓38%
brotli	224 B	↓44%

6.16%

ian-dooley-298769-unsplash-sqip-blurhash-detailed.svg

Size: 9×6 (3:2)
Processing Time:114ms


original	407 B
gzip	251 B	↓39%
brotli	228 B	↓44%

24.36%

ian-dooley-298769-unsplash-sqip-triangle.svg

Size: 300×450 (2:3)
Processing Time:154ms


original	2.3 kB
gzip	992 B	↓57%
brotli	937 B	↓60%

509.11%

ian-dooley-298769-unsplash-sqip-triangle-art.svg

Size: 300×450 (2:3)
Processing Time:402ms


original	98.5 kB
gzip	20.7 kB	↓79%
brotli	16.5 kB	↓84%

28.90%

ian-dooley-298769-unsplash-sqip-art.svg

Size: 298×450 (149:225)
Processing Time:2629ms


original	3.34 kB
gzip	1.18 kB	↓65%
brotli	1.1 kB	↓68%

50.71%

ian-dooley-298769-unsplash-sqip-potrace.svg

Size: 300×450 (2:3)
Processing Time:151ms


original	4.6 kB
gzip	2.06 kB	↓56%
brotli	1.75 kB	↓62%

136.71%

ian-dooley-298769-unsplash-sqip-potrace-posterize.svg

Size: 300×450 (2:3)
Processing Time:971ms


original	13.3 kB
gzip	5.57 kB	↓59%
brotli	4.91 kB	↓64%

100.00%

meric-dagli-487815-unsplash-thumbnail.jpg

Size: 300×450 (2:3)
Processing Time:85ms


original	42.4 kB
gzip	19 kB	↓56%
brotli	18.7 kB	↓56%

6.21%

meric-dagli-487815-unsplash-lqip.jpg

Size: 10×15 (2:3)
Processing Time:384ms


original	1.76 kB
gzip	1.18 kB	↓33%
brotli	1.16 kB	↓35%

3.65%

meric-dagli-487815-unsplash-lqip-custom.jpg

Size: 32×48 (2:3)
Processing Time:64ms


original	1.28 kB
gzip	695 B	↓46%
brotli	642 B	↓50%

3.48%

meric-dagli-487815-unsplash-sqip-legacy.svg

Size: 2000×3000 (2:3)
Processing Time:718ms


original	1.17 kB
gzip	663 B	↓44%
brotli	634 B	↓46%

2.87%

meric-dagli-487815-unsplash-sqip.svg

Size: 298×450 (149:225)
Processing Time:918ms


original	1.05 kB
gzip	547 B	↓49%
brotli	482 B	↓55%

4.80%

meric-dagli-487815-unsplash-sqip-pixels.svg

Size: 800×1200 (2:3)
Processing Time:156ms


original	5.23 kB
gzip	914 B	↓83%
brotli	639 B	↓88%

2.57%

meric-dagli-487815-unsplash-sqip-pixels-placeholder.svg

Size: 400×600 (2:3)
Processing Time:148ms


original	1.6 kB
gzip	489 B	↓70%
brotli	400 B	↓75%

1.34%

meric-dagli-487815-unsplash-sqip-blurhash.svg

Size: 4×3 (4:3)
Processing Time:145ms


original	407 B
gzip	255 B	↓38%
brotli	231 B	↓44%

1.47%

meric-dagli-487815-unsplash-sqip-blurhash-detailed.svg

Size: 9×6 (3:2)
Processing Time:160ms


original	435 B
gzip	279 B	↓36%
brotli	262 B	↓40%

5.51%

meric-dagli-487815-unsplash-sqip-triangle.svg

Size: 300×450 (2:3)
Processing Time:196ms


original	2.24 kB
gzip	1.05 kB	↓54%
brotli	1.03 kB	↓55%

124.42%

meric-dagli-487815-unsplash-sqip-triangle-art.svg

Size: 300×450 (2:3)
Processing Time:456ms


original	101 kB
gzip	23.7 kB	↓77%
brotli	19.4 kB	↓81%

6.28%

meric-dagli-487815-unsplash-sqip-art.svg

Size: 298×450 (149:225)
Processing Time:1821ms


original	3.33 kB
gzip	1.2 kB	↓65%
brotli	1.11 kB	↓67%

10.75%

meric-dagli-487815-unsplash-sqip-potrace.svg

Size: 300×450 (2:3)
Processing Time:217ms


original	4.56 kB
gzip	2.05 kB	↓56%
brotli	1.82 kB	↓61%

143.89%

meric-dagli-487815-unsplash-sqip-potrace-posterize.svg

Size: 300×450 (2:3)
Processing Time:1128ms


original	77.8 kB
gzip	27.4 kB	↓65%
brotli	24.3 kB	↓69%

100.00%

mona-lisa-thumbnail.jpg

Size: 300×447 (100:149)
Processing Time:67ms


original	36.4 kB
gzip	16.4 kB	↓55%
brotli	16.3 kB	↓56%

6.39%

mona-lisa-lqip.jpg

Size: 10×15 (2:3)
Processing Time:183ms


original	1.59 kB
gzip	1.05 kB	↓34%
brotli	1.03 kB	↓36%

4.16%

mona-lisa-lqip-custom.jpg

Size: 32×48 (2:3)
Processing Time:53ms


original	1.25 kB
gzip	683 B	↓46%
brotli	638 B	↓50%

4.67%

mona-lisa-sqip-legacy.svg

Size: 1200×1788 (100:149)
Processing Time:507ms


original	1.35 kB
gzip	767 B	↓44%
brotli	739 B	↓46%

3.93%

mona-lisa-sqip.svg

Size: 300×447 (100:149)
Processing Time:671ms


original	1.23 kB
gzip	645 B	↓48%
brotli	569 B	↓54%

5.67%

mona-lisa-sqip-pixels.svg

Size: 800×1200 (2:3)
Processing Time:90ms


original	5.23 kB
gzip	932 B	↓83%
brotli	627 B	↓89%

2.98%

mona-lisa-sqip-pixels-placeholder.svg

Size: 400×600 (2:3)
Processing Time:80ms


original	1.6 kB
gzip	490 B	↓70%
brotli	402 B	↓75%

1.55%

mona-lisa-sqip-blurhash.svg

Size: 4×3 (4:3)
Processing Time:78ms


original	407 B
gzip	255 B	↓38%
brotli	232 B	↓43%

1.66%

mona-lisa-sqip-blurhash-detailed.svg

Size: 9×6 (3:2)
Processing Time:88ms


original	427 B
gzip	273 B	↓37%
brotli	254 B	↓41%

6.26%

mona-lisa-sqip-triangle.svg

Size: 300×447 (100:149)
Processing Time:126ms


original	2.23 kB
gzip	1.03 kB	↓54%
brotli	999 B	↓56%

139.95%

mona-lisa-sqip-triangle-art.svg

Size: 300×447 (100:149)
Processing Time:381ms


original	99.8 kB
gzip	23 kB	↓77%
brotli	18.7 kB	↓82%

7.32%

mona-lisa-sqip-art.svg

Size: 300×447 (100:149)
Processing Time:1563ms


original	3.33 kB
gzip	1.2 kB	↓64%
brotli	1.12 kB	↓67%

58.86%

mona-lisa-sqip-potrace.svg

Size: 300×447 (100:149)
Processing Time:183ms


original	25 kB
gzip	9.67 kB	↓62%
brotli	8.51 kB	↓66%

160.73%

mona-lisa-sqip-potrace-posterize.svg

Size: 300×447 (100:149)
Processing Time:1036ms


original	72.2 kB
gzip	26.4 kB	↓64%
brotli	23.7 kB	↓68%

100.00%

quino-al-101314-unsplash-thumbnail.jpg

Size: 300×200 (3:2)
Processing Time:49ms


original	16.5 kB
gzip	7.58 kB	↓54%
brotli	7.45 kB	↓55%

8.34%

quino-al-101314-unsplash-lqip.jpg

Size: 10×7 (10:7)
Processing Time:135ms


original	1.03 kB
gzip	632 B	↓39%
brotli	612 B	↓41%

6.21%

quino-al-101314-unsplash-lqip-custom.jpg

Size: 32×21 (32:21)
Processing Time:35ms


original	877 B
gzip	471 B	↓47%
brotli	418 B	↓53%

10.01%

quino-al-101314-unsplash-sqip-legacy.svg

Size: 2000×1333 (2000:1333)
Processing Time:496ms


original	1.24 kB
gzip	759 B	↓39%
brotli	743 B	↓41%

7.71%

quino-al-101314-unsplash-sqip.svg

Size: 300×199 (300:199)
Processing Time:510ms


original	1.11 kB
gzip	584 B	↓48%
brotli	506 B	↓55%

5.71%

quino-al-101314-unsplash-sqip-pixels.svg

Size: 800×500 (8:5)
Processing Time:61ms


original	2.17 kB
gzip	433 B	↓81%
brotli	332 B	↓85%

4.80%

quino-al-101314-unsplash-sqip-pixels-placeholder.svg

Size: 400×300 (4:3)
Processing Time:56ms


original	962 B
gzip	364 B	↓63%
brotli	304 B	↓69%

3.18%

quino-al-101314-unsplash-sqip-blurhash.svg

Size: 4×6 (2:3)
Processing Time:64ms


original	395 B
gzip	241 B	↓39%
brotli	220 B	↓45%

3.55%

quino-al-101314-unsplash-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:85ms


original	423 B
gzip	269 B	↓37%
brotli	249 B	↓42%

12.86%

quino-al-101314-unsplash-sqip-triangle.svg

Size: 300×200 (3:2)
Processing Time:84ms


original	2.21 kB
gzip	975 B	↓56%
brotli	948 B	↓58%

245.26%

quino-al-101314-unsplash-sqip-triangle-art.svg

Size: 300×200 (3:2)
Processing Time:334ms


original	96 kB
gzip	18.6 kB	↓81%
brotli	14.7 kB	↓85%

14.30%

quino-al-101314-unsplash-sqip-art.svg

Size: 300×199 (300:199)
Processing Time:1354ms


original	2.93 kB
gzip	1.08 kB	↓63%
brotli	999 B	↓66%

61.79%

quino-al-101314-unsplash-sqip-potrace.svg

Size: 300×200 (3:2)
Processing Time:108ms


original	11 kB
gzip	4.68 kB	↓58%
brotli	4.11 kB	↓63%

197.44%

quino-al-101314-unsplash-sqip-potrace-posterize.svg

Size: 300×200 (3:2)
Processing Time:961ms


original	37.8 kB
gzip	15 kB	↓61%
brotli	13.3 kB	↓65%

100.00%

shane-young-769905-unsplash-thumbnail.jpg

Size: 300×300 (1:1)
Processing Time:44ms


original	21.9 kB
gzip	10 kB	↓55%
brotli	9.92 kB	↓55%

8.98%

shane-young-769905-unsplash-lqip.jpg

Size: 10×10 (1:1)
Processing Time:71ms


original	1.38 kB
gzip	900 B	↓35%
brotli	877 B	↓37%

5.35%

shane-young-769905-unsplash-lqip-custom.jpg

Size: 32×32 (1:1)
Processing Time:31ms


original	941 B
gzip	536 B	↓44%
brotli	520 B	↓45%

7.90%

shane-young-769905-unsplash-sqip-legacy.svg

Size: 1024×1024 (1:1)
Processing Time:575ms


original	1.36 kB
gzip	792 B	↓42%
brotli	764 B	↓44%

6.34%

shane-young-769905-unsplash-sqip.svg

Size: 300×300 (1:1)
Processing Time:703ms


original	1.22 kB
gzip	635 B	↓48%
brotli	564 B	↓54%

6.69%

shane-young-769905-unsplash-sqip-pixels.svg

Size: 800×800 (1:1)
Processing Time:37ms


original	3.5 kB
gzip	670 B	↓81%
brotli	481 B	↓87%

4.18%

shane-young-769905-unsplash-sqip-pixels-placeholder.svg

Size: 400×400 (1:1)
Processing Time:32ms


original	1.17 kB
gzip	419 B	↓65%
brotli	347 B	↓71%

2.47%

shane-young-769905-unsplash-sqip-blurhash.svg

Size: 4×4 (1:1)
Processing Time:40ms


original	399 B
gzip	247 B	↓39%
brotli	224 B	↓44%

2.66%

shane-young-769905-unsplash-sqip-blurhash-detailed.svg

Size: 9×9 (1:1)
Processing Time:84ms


original	423 B
gzip	267 B	↓37%
brotli	245 B	↓43%

9.85%

shane-young-769905-unsplash-sqip-triangle.svg

Size: 300×300 (1:1)
Processing Time:64ms


original	2.12 kB
gzip	987 B	↓54%
brotli	959 B	↓55%

223.60%

shane-young-769905-unsplash-sqip-triangle-art.svg

Size: 300×300 (1:1)
Processing Time:345ms


original	98.9 kB
gzip	22.4 kB	↓78%
brotli	18.1 kB	↓82%

11.87%

shane-young-769905-unsplash-sqip-art.svg

Size: 300×300 (1:1)
Processing Time:1841ms


original	3.28 kB
gzip	1.19 kB	↓64%
brotli	1.11 kB	↓67%

77.00%

shane-young-769905-unsplash-sqip-potrace.svg

Size: 300×300 (1:1)
Processing Time:71ms


original	19.7 kB
gzip	7.71 kB	↓61%
brotli	6.83 kB	↓66%

231.60%

shane-young-769905-unsplash-sqip-potrace-posterize.svg

Size: 300×300 (1:1)
Processing Time:989ms


original	63.7 kB
gzip	23.2 kB	↓64%
brotli	20.7 kB	↓68%

SQIP Demo

The data on this page was generated with the following machine:

Comparision of images: