PaaS

@xf3l1x

f3l1x.io

08.09.2022

DaaS

SaaS

 IaC 

CaC

 IaaS

PaaS

@xf3l1x

f3l1x.io

08.09.2022

DaaS

SaaS

 IaC 

CaC

 IaaS

 IaaS

Icon as a service

unoptimized jpeg / png

optimized jpeg / png

sprites

{ http2 }

jpeg → png → jpg → png → webp → avif

gzip, deflate, br 

img lazy=loading

gulp/grunt icon tasks

webpack icon bundling

window.requestAnimationFrame

vite icon bundling

vite rollup icon bundling

vue-cli vite rollup icon bundling in Makefile

snowpack, pika.cdn → skypack

0cjs

{ http3 }

• PNG/JPG
• sprites
• bundlers
• single-purpose
• custom icons
• app deployments
• 1 color => 1 icon

• SVG
• separate icons
• reusable
• public icons
• separate deployments
• global
• resizing
• coloring
• caching

NOPE

OH YES 

Coloring (hexa, tailwind)

Resizing (min-max)

Optimal formats (SVG)

Cache (Stale-while-revalidate)

Multiple iconsets

Errors / Fallbacks

Docs generator (API, markdown)

Lambda size (custom NPM)

Tips & Tricks

Thank you!

@xf3l1x

f3l1x.io