SQIP Demo
Interactive comparison of SVG-based image placeholders. Generate low-quality image previews with different plugin chains.
Variants —
Avg Gzip —
Avg Brotli —
Avg Time —
Smallest —
Fastest —
Thumbnail (300px)
Raw 25.1 KB
Gzip 25.1 KB
Brotli 25.0 KB
Size 300×225
Time 21ms
LQIP Modern WebP (16px)
Raw 80 B
Gzip 100 B
Brotli 84 B
Size 16×12
Time 23ms
LQIP Modern WebP (32px)
Raw 292 B
Gzip 315 B
Brotli 296 B
Size 32×24
Time 20ms
LQIP Modern (JPEG)
Raw 293 B
Gzip 211 B
Brotli 215 B
Size 16×12
Time 19ms
SQIP Default
Raw 848 B
Gzip 390 B
Brotli 333 B
Size 300×225
Time 1112ms
SQIP Pixels
Raw 2.3 KB
Gzip 540 B
Brotli 425 B
Size 300×225
Time 184ms
SQIP Potrace
Raw 48.4 KB
Gzip 18.6 KB
Brotli 16.4 KB
Size 300×225
Time 331ms
SQIP Triangle
Raw 1.4 KB
Gzip 513 B
Brotli 461 B
Size 300×225
Time 249ms
SQIP Blurhash
Raw 301 B
Gzip 217 B
Brotli 225 B
Size 32×24
Time 117ms
SQIP Blurhash HD
Raw 446 B
Gzip 368 B
Brotli 361 B
Size 64×48
Time 123ms
SQIP Default + Blur
Raw 871 B
Gzip 439 B
Brotli 399 B
Size 300×225
Time 719ms
SQIP Pixels + Blur
Raw 2.4 KB
Gzip 594 B
Brotli 469 B
Size 300×225
Time 129ms
SQIP Potrace + Blur
Raw 48.5 KB
Gzip 18.6 KB
Brotli 16.5 KB
Size 300×225
Time 278ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 562 B
Brotli 503 B
Size 300×225
Time 144ms
Primitive Circles + Blur
Raw 1.7 KB
Gzip 589 B
Brotli 493 B
Size 300×225
Time 1580ms
Potrace Posterize
Raw 169.4 KB
Gzip 62.9 KB
Brotli 54.4 KB
Size 300×225
Time 1351ms
Primitive Art
Raw 2.9 KB
Gzip 1.2 KB
Brotli 1.0 KB
Size 300×225
Time 1721ms
Primitive Circles
Raw 1.6 KB
Gzip 551 B
Brotli 451 B
Size 300×225
Time 1646ms
Triangle Art
Raw 73.2 KB
Gzip 16.5 KB
Brotli 13.6 KB
Size 300×225
Time 398ms
Pixel Mosaic
Raw 8.9 KB
Gzip 1.7 KB
Brotli 1.1 KB
Size 300×225
Time 157ms
LQIP Modern WebP (24px)
Raw 202 B
Gzip 225 B
Brotli 206 B
Size 24×18
Time 21ms
Thumbnail (300px)
Raw 15.2 KB
Gzip 15.2 KB
Brotli 15.1 KB
Size 300×225
Time 15ms
LQIP Modern WebP (16px)
Raw 100 B
Gzip 123 B
Brotli 104 B
Size 16×12
Time 15ms
LQIP Modern WebP (32px)
Raw 244 B
Gzip 267 B
Brotli 248 B
Size 32×24
Time 13ms
LQIP Modern (JPEG)
Raw 313 B
Gzip 237 B
Brotli 260 B
Size 16×12
Time 14ms
SQIP Default
Raw 715 B
Gzip 383 B
Brotli 336 B
Size 300×225
Time 762ms
SQIP Pixels
Raw 2.3 KB
Gzip 539 B
Brotli 433 B
Size 300×225
Time 106ms
SQIP Potrace
Raw 8.3 KB
Gzip 3.6 KB
Brotli 3.1 KB
Size 300×225
Time 222ms
SQIP Triangle
Raw 1.4 KB
Gzip 485 B
Brotli 449 B
Size 300×225
Time 123ms
SQIP Blurhash
Raw 325 B
Gzip 245 B
Brotli 244 B
Size 32×24
Time 94ms
SQIP Blurhash HD
Raw 470 B
Gzip 399 B
Brotli 394 B
Size 64×48
Time 111ms
SQIP Default + Blur
Raw 824 B
Gzip 386 B
Brotli 341 B
Size 300×225
Time 690ms
SQIP Pixels + Blur
Raw 2.4 KB
Gzip 594 B
Brotli 482 B
Size 300×225
Time 108ms
SQIP Potrace + Blur
Raw 8.4 KB
Gzip 3.7 KB
Brotli 3.2 KB
Size 300×225
Time 179ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 559 B
Brotli 493 B
Size 300×225
Time 189ms
Primitive Circles + Blur
Raw 1.6 KB
Gzip 556 B
Brotli 464 B
Size 300×225
Time 2022ms
Potrace Posterize
Raw 28.3 KB
Gzip 11.8 KB
Brotli 10.3 KB
Size 300×225
Time 1067ms
Primitive Art
Raw 2.9 KB
Gzip 1.1 KB
Brotli 1.0 KB
Size 300×225
Time 1581ms
Primitive Circles
Raw 1.5 KB
Gzip 527 B
Brotli 448 B
Size 300×225
Time 1622ms
Triangle Art
Raw 74.4 KB
Gzip 16.5 KB
Brotli 13.4 KB
Size 300×225
Time 294ms
Pixel Mosaic
Raw 8.9 KB
Gzip 1.7 KB
Brotli 1.1 KB
Size 300×225
Time 128ms
LQIP Modern WebP (24px)
Raw 178 B
Gzip 201 B
Brotli 182 B
Size 24×18
Time 14ms
Thumbnail (300px)
Raw 13.8 KB
Gzip 13.8 KB
Brotli 13.8 KB
Size 300×375
Time 24ms
LQIP Modern WebP (16px)
Raw 80 B
Gzip 103 B
Brotli 84 B
Size 13×16
Time 22ms
LQIP Modern WebP (32px)
Raw 158 B
Gzip 181 B
Brotli 162 B
Size 26×32
Time 21ms
LQIP Modern (JPEG)
Raw 298 B
Gzip 221 B
Brotli 257 B
Size 13×16
Time 21ms
SQIP Default
Raw 787 B
Gzip 396 B
Brotli 354 B
Size 298×375
Time 1057ms
SQIP Pixels
Raw 2.8 KB
Gzip 576 B
Brotli 449 B
Size 300×375
Time 166ms
SQIP Potrace
Raw 6.5 KB
Gzip 2.9 KB
Brotli 2.5 KB
Size 300×375
Time 205ms
SQIP Triangle
Raw 1.4 KB
Gzip 497 B
Brotli 457 B
Size 300×375
Time 187ms
SQIP Blurhash
Raw 403 B
Gzip 334 B
Brotli 367 B
Size 32×40
Time 150ms
SQIP Blurhash HD
Raw 613 B
Gzip 554 B
Brotli 543 B
Size 64×80
Time 166ms
SQIP Default + Blur
Raw 789 B
Gzip 398 B
Brotli 352 B
Size 298×375
Time 1109ms
SQIP Pixels + Blur
Raw 2.9 KB
Gzip 631 B
Brotli 497 B
Size 300×375
Time 164ms
SQIP Potrace + Blur
Raw 6.6 KB
Gzip 2.9 KB
Brotli 2.5 KB
Size 300×375
Time 185ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 543 B
Brotli 486 B
Size 300×375
Time 180ms
Primitive Circles + Blur
Raw 1.6 KB
Gzip 582 B
Brotli 482 B
Size 298×375
Time 1975ms
Potrace Posterize
Raw 54.7 KB
Gzip 20.7 KB
Brotli 18.1 KB
Size 300×375
Time 1185ms
Primitive Art
Raw 3.0 KB
Gzip 1.2 KB
Brotli 1.1 KB
Size 298×375
Time 2412ms
Primitive Circles
Raw 1.6 KB
Gzip 552 B
Brotli 453 B
Size 298×375
Time 1800ms
Triangle Art
Raw 71.9 KB
Gzip 16.1 KB
Brotli 13.0 KB
Size 300×375
Time 414ms
Pixel Mosaic
Raw 9.6 KB
Gzip 1.7 KB
Brotli 1.2 KB
Size 300×375
Time 194ms
LQIP Modern WebP (24px)
Raw 130 B
Gzip 153 B
Brotli 134 B
Size 19×24
Time 21ms
Thumbnail (300px)
Raw 8.5 KB
Gzip 8.5 KB
Brotli 8.5 KB
Size 300×188
Time 5ms
LQIP Modern WebP (16px)
Raw 80 B
Gzip 101 B
Brotli 84 B
Size 16×10
Time 4ms
LQIP Modern WebP (32px)
Raw 166 B
Gzip 189 B
Brotli 170 B
Size 32×20
Time 4ms
LQIP Modern (JPEG)
Raw 309 B
Gzip 235 B
Brotli 262 B
Size 16×10
Time 3ms
SQIP Default
Raw 721 B
Gzip 388 B
Brotli 345 B
Size 300×187
Time 528ms
SQIP Pixels
Raw 1.8 KB
Gzip 470 B
Brotli 379 B
Size 300×188
Time 41ms
SQIP Potrace
Raw 8.6 KB
Gzip 3.6 KB
Brotli 3.1 KB
Size 300×188
Time 132ms
SQIP Triangle
Raw 1.4 KB
Gzip 519 B
Brotli 464 B
Size 300×188
Time 52ms
SQIP Blurhash
Raw 322 B
Gzip 239 B
Brotli 263 B
Size 32×20
Time 28ms
SQIP Blurhash HD
Raw 458 B
Gzip 391 B
Brotli 384 B
Size 64×40
Time 34ms
SQIP Default + Blur
Raw 884 B
Gzip 428 B
Brotli 390 B
Size 300×187
Time 581ms
SQIP Pixels + Blur
Raw 1.9 KB
Gzip 523 B
Brotli 429 B
Size 300×188
Time 42ms
SQIP Potrace + Blur
Raw 8.6 KB
Gzip 3.6 KB
Brotli 3.1 KB
Size 300×188
Time 93ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 556 B
Brotli 507 B
Size 300×188
Time 54ms
Primitive Circles + Blur
Raw 1.7 KB
Gzip 570 B
Brotli 462 B
Size 300×187
Time 1366ms
Potrace Posterize
Raw 27.7 KB
Gzip 10.9 KB
Brotli 9.4 KB
Size 300×188
Time 950ms
Primitive Art
Raw 2.9 KB
Gzip 1.2 KB
Brotli 1.0 KB
Size 300×187
Time 1427ms
Primitive Circles
Raw 1.6 KB
Gzip 538 B
Brotli 438 B
Size 300×187
Time 1319ms
Triangle Art
Raw 73.8 KB
Gzip 15.8 KB
Brotli 12.8 KB
Size 300×188
Time 299ms
Pixel Mosaic
Raw 7.0 KB
Gzip 1.4 KB
Brotli 1004 B
Size 300×188
Time 61ms
LQIP Modern WebP (24px)
Raw 114 B
Gzip 137 B
Brotli 118 B
Size 24×15
Time 4ms
Thumbnail (300px)
Raw 18.2 KB
Gzip 18.2 KB
Brotli 18.1 KB
Size 300×300
Time 19ms
LQIP Modern WebP (16px)
Raw 76 B
Gzip 97 B
Brotli 80 B
Size 16×16
Time 17ms
LQIP Modern WebP (32px)
Raw 170 B
Gzip 193 B
Brotli 174 B
Size 32×32
Time 16ms
LQIP Modern (JPEG)
Raw 299 B
Gzip 220 B
Brotli 229 B
Size 16×16
Time 16ms
SQIP Default
Raw 752 B
Gzip 392 B
Brotli 350 B
Size 300×300
Time 1001ms
SQIP Pixels
Raw 2.9 KB
Gzip 676 B
Brotli 541 B
Size 300×300
Time 138ms
SQIP Potrace
Raw 16.0 KB
Gzip 6.4 KB
Brotli 5.6 KB
Size 300×300
Time 195ms
SQIP Triangle
Raw 1.4 KB
Gzip 514 B
Brotli 461 B
Size 300×300
Time 158ms
SQIP Blurhash
Raw 348 B
Gzip 275 B
Brotli 291 B
Size 32×32
Time 118ms
SQIP Blurhash HD
Raw 521 B
Gzip 458 B
Brotli 469 B
Size 64×64
Time 137ms
SQIP Default + Blur
Raw 837 B
Gzip 420 B
Brotli 380 B
Size 300×300
Time 1046ms
SQIP Pixels + Blur
Raw 3.0 KB
Gzip 727 B
Brotli 583 B
Size 300×300
Time 135ms
SQIP Potrace + Blur
Raw 16.1 KB
Gzip 6.4 KB
Brotli 5.6 KB
Size 300×300
Time 182ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 550 B
Brotli 494 B
Size 300×300
Time 156ms
Primitive Circles + Blur
Raw 1.7 KB
Gzip 595 B
Brotli 491 B
Size 300×300
Time 1956ms
Potrace Posterize
Raw 83.9 KB
Gzip 30.7 KB
Brotli 26.7 KB
Size 300×300
Time 1170ms
Primitive Art
Raw 2.9 KB
Gzip 1.2 KB
Brotli 1.0 KB
Size 300×300
Time 2119ms
Primitive Circles
Raw 1.6 KB
Gzip 566 B
Brotli 470 B
Size 300×300
Time 1976ms
Triangle Art
Raw 74.0 KB
Gzip 16.6 KB
Brotli 13.4 KB
Size 300×300
Time 312ms
Pixel Mosaic
Raw 11.3 KB
Gzip 2.1 KB
Brotli 1.4 KB
Size 300×300
Time 174ms
LQIP Modern WebP (24px)
Raw 162 B
Gzip 185 B
Brotli 166 B
Size 24×24
Time 17ms
Thumbnail (300px)
Raw 11.2 KB
Gzip 11.0 KB
Brotli 11.0 KB
Size 300×300
Time 6ms
LQIP Modern WebP (16px)
Raw 268 B
Gzip 289 B
Brotli 272 B
Size 16×16
Time 6ms
LQIP Modern WebP (32px)
Raw 506 B
Gzip 529 B
Brotli 510 B
Size 32×32
Time 4ms
LQIP Modern (JPEG)
Raw 321 B
Gzip 245 B
Brotli 278 B
Size 16×16
Time 3ms
SQIP Default
Raw 695 B
Gzip 364 B
Brotli 324 B
Size 300×300
Time 1231ms
SQIP Pixels
Raw 2.7 KB
Gzip 698 B
Brotli 580 B
Size 300×300
Time 32ms
SQIP Potrace
Raw 2.5 KB
Gzip 1.3 KB
Brotli 1.1 KB
Size 300×300
Time 54ms
SQIP Triangle
Raw 1.3 KB
Gzip 460 B
Brotli 412 B
Size 300×300
Time 50ms
SQIP Blurhash
Raw 355 B
Gzip 279 B
Brotli 295 B
Size 32×32
Time 18ms
SQIP Blurhash HD
Raw 624 B
Gzip 569 B
Brotli 548 B
Size 64×64
Time 41ms
SQIP Default + Blur
Raw 816 B
Gzip 403 B
Brotli 356 B
Size 300×300
Time 1397ms
SQIP Pixels + Blur
Raw 2.8 KB
Gzip 751 B
Brotli 629 B
Size 300×300
Time 35ms
SQIP Potrace + Blur
Raw 2.6 KB
Gzip 1.3 KB
Brotli 1.2 KB
Size 300×300
Time 52ms
SQIP Triangle + Blur
Raw 1.4 KB
Gzip 502 B
Brotli 457 B
Size 300×300
Time 52ms
Primitive Circles + Blur
Raw 1.5 KB
Gzip 506 B
Brotli 442 B
Size 300×300
Time 2148ms
Potrace Posterize
Raw 7.5 KB
Gzip 3.4 KB
Brotli 2.9 KB
Size 300×300
Time 923ms
Primitive Art
Raw 2.6 KB
Gzip 1.1 KB
Brotli 997 B
Size 300×300
Time 2622ms
Primitive Circles
Raw 1.4 KB
Gzip 499 B
Brotli 424 B
Size 300×300
Time 2175ms
Triangle Art
Raw 65.0 KB
Gzip 11.9 KB
Brotli 9.6 KB
Size 300×300
Time 288ms
Pixel Mosaic
Raw 9.7 KB
Gzip 1.9 KB
Brotli 1.5 KB
Size 300×300
Time 56ms
LQIP Modern WebP (24px)
Raw 460 B
Gzip 483 B
Brotli 464 B
Size 24×24
Time 4ms
Thumbnail (300px)
Raw 5.9 KB
Gzip 5.7 KB
Brotli 5.6 KB
Size 300×450
Time 18ms
LQIP Modern WebP (16px)
Raw 64 B
Gzip 83 B
Brotli 68 B
Size 11×16
Time 14ms
LQIP Modern WebP (32px)
Raw 98 B
Gzip 121 B
Brotli 102 B
Size 21×32
Time 13ms
LQIP Modern (JPEG)
Raw 284 B
Gzip 204 B
Brotli 202 B
Size 11×16
Time 13ms
SQIP Default
Raw 668 B
Gzip 380 B
Brotli 343 B
Size 298×450
Time 831ms
SQIP Pixels
Raw 2.3 KB
Gzip 608 B
Brotli 476 B
Size 300×450
Time 156ms
SQIP Potrace
Raw 4.5 KB
Gzip 2.0 KB
Brotli 1.7 KB
Size 300×450
Time 156ms
SQIP Triangle
Raw 1.4 KB
Gzip 488 B
Brotli 427 B
Size 300×450
Time 168ms
SQIP Blurhash
Raw 333 B
Gzip 252 B
Brotli 254 B
Size 32×48
Time 126ms
SQIP Blurhash HD
Raw 489 B
Gzip 417 B
Brotli 414 B
Size 64×96
Time 191ms
SQIP Default + Blur
Raw 759 B
Gzip 404 B
Brotli 362 B
Size 298×450
Time 810ms
SQIP Pixels + Blur
Raw 2.4 KB
Gzip 660 B
Brotli 518 B
Size 300×450
Time 139ms
SQIP Potrace + Blur
Raw 4.6 KB
Gzip 2.1 KB
Brotli 1.8 KB
Size 300×450
Time 159ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 536 B
Brotli 460 B
Size 300×450
Time 163ms
Primitive Circles + Blur
Raw 1.7 KB
Gzip 571 B
Brotli 491 B
Size 298×450
Time 1784ms
Potrace Posterize
Raw 13.0 KB
Gzip 5.5 KB
Brotli 4.8 KB
Size 300×450
Time 1079ms
Primitive Art
Raw 2.9 KB
Gzip 1.1 KB
Brotli 1.0 KB
Size 298×450
Time 2353ms
Primitive Circles
Raw 1.6 KB
Gzip 539 B
Brotli 454 B
Size 298×450
Time 1813ms
Triangle Art
Raw 70.9 KB
Gzip 14.6 KB
Brotli 11.4 KB
Size 300×450
Time 376ms
Pixel Mosaic
Raw 7.9 KB
Gzip 1.3 KB
Brotli 998 B
Size 300×450
Time 160ms
LQIP Modern WebP (24px)
Raw 78 B
Gzip 99 B
Brotli 82 B
Size 16×24
Time 12ms
Thumbnail (300px)
Raw 22.5 KB
Gzip 22.5 KB
Brotli 22.4 KB
Size 300×447
Time 25ms
LQIP Modern WebP (16px)
Raw 96 B
Gzip 119 B
Brotli 100 B
Size 11×16
Time 21ms
LQIP Modern WebP (32px)
Raw 174 B
Gzip 197 B
Brotli 178 B
Size 22×32
Time 20ms
LQIP Modern (JPEG)
Raw 305 B
Gzip 227 B
Brotli 232 B
Size 11×16
Time 20ms
SQIP Default
Raw 734 B
Gzip 394 B
Brotli 353 B
Size 300×447
Time 1002ms
SQIP Pixels
Raw 2.3 KB
Gzip 586 B
Brotli 445 B
Size 300×447
Time 120ms
SQIP Potrace
Raw 24.4 KB
Gzip 9.6 KB
Brotli 8.3 KB
Size 300×447
Time 204ms
SQIP Triangle
Raw 1.4 KB
Gzip 502 B
Brotli 444 B
Size 300×447
Time 149ms
SQIP Blurhash
Raw 396 B
Gzip 327 B
Brotli 322 B
Size 32×48
Time 101ms
SQIP Blurhash HD
Raw 732 B
Gzip 682 B
Brotli 664 B
Size 64×95
Time 129ms
SQIP Default + Blur
Raw 837 B
Gzip 414 B
Brotli 381 B
Size 300×447
Time 896ms
SQIP Pixels + Blur
Raw 2.4 KB
Gzip 643 B
Brotli 496 B
Size 300×447
Time 126ms
SQIP Potrace + Blur
Raw 24.5 KB
Gzip 9.6 KB
Brotli 8.4 KB
Size 300×447
Time 201ms
SQIP Triangle + Blur
Raw 1.5 KB
Gzip 556 B
Brotli 501 B
Size 300×447
Time 146ms
Primitive Circles + Blur
Raw 1.6 KB
Gzip 577 B
Brotli 478 B
Size 300×447
Time 1685ms
Potrace Posterize
Raw 70.5 KB
Gzip 26.3 KB
Brotli 23.1 KB
Size 300×447
Time 1096ms
Primitive Art
Raw 2.9 KB
Gzip 1.2 KB
Brotli 1.1 KB
Size 300×447
Time 1822ms
Primitive Circles
Raw 1.6 KB
Gzip 557 B
Brotli 468 B
Size 300×447
Time 1679ms
Triangle Art
Raw 73.0 KB
Gzip 16.7 KB
Brotli 13.4 KB
Size 300×447
Time 312ms
Pixel Mosaic
Raw 8.2 KB
Gzip 1.5 KB
Brotli 1.0 KB
Size 300×447
Time 137ms
LQIP Modern WebP (24px)
Raw 142 B
Gzip 165 B
Brotli 146 B
Size 16×24
Time 20ms
Code Snippets
Thumbnail (300px)
import sharp from 'sharp'
await sharp('image.jpg').resize(300).jpeg().toBuffer()LQIP Modern WebP (16px)
import lqip from 'lqip-modern'
const { content } = await lqip('image.jpg')LQIP Modern WebP (32px)
import lqip from 'lqip-modern'
const { content } = await lqip('image.jpg', { resize: 32 })LQIP Modern (JPEG)
import lqip from 'lqip-modern'
const { content } = await lqip('image.jpg', { outputFormat: 'jpeg' })SQIP Default
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['primitive', 'svgo', 'data-uri'],
})SQIP Pixels
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['pixels', 'svgo', 'data-uri'],
})SQIP Potrace
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['potrace', 'svgo', 'data-uri'],
})SQIP Triangle
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['triangle', 'svgo', 'data-uri'],
})SQIP Blurhash
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['blurhash'],
})SQIP Blurhash HD
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'blurhash', options: { width: 10 } },
],
})SQIP Default + Blur
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: ['primitive', 'blur', 'svgo', 'data-uri'],
})SQIP Pixels + Blur
import { sqip } from 'sqip'\nconst result = await sqip({\n input: 'image.jpg',\n plugins: ['pixels', 'blur', 'svgo', 'data-uri'],\n})SQIP Potrace + Blur
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
'potrace',
{ name: 'blur', options: { blur: 6 } },
'svgo', 'data-uri',
],
})SQIP Triangle + Blur
import { sqip } from 'sqip'\nconst result = await sqip({\n input: 'image.jpg',\n plugins: [\n 'triangle',\n { name: 'blur', options: { blur: 20 } },\n 'svgo', 'data-uri',\n ],\n})Primitive Circles + Blur
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'primitive', options: { numberOfPrimitives: 30, mode: 4 } },
{ name: 'blur', options: { blur: 10 } },
'svgo', 'data-uri',
],
})Potrace Posterize
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'potrace', options: { posterize: true } },
'svgo', 'data-uri',
],
})Primitive Art
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'primitive', options: { numberOfPrimitives: 50, mode: 1 } },
'svgo', 'data-uri',
],
})Primitive Circles
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'primitive', options: { numberOfPrimitives: 30, mode: 4 } },
'svgo', 'data-uri',
],
})Triangle Art
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'triangle', options: { pts: 420 } },
'svgo', 'data-uri',
],
})Pixel Mosaic
import { sqip } from 'sqip'
const result = await sqip({
input: 'image.jpg',
plugins: [
{ name: 'pixels', options: { pixels: 16 } },
'svgo', 'data-uri',
],
})LQIP Modern WebP (24px)
import lqip from 'lqip-modern'
const { content } = await lqip('image.jpg', { resize: 24 })