Hyperflow Image Optimization
Goals
Optimize all images
HTML Images ( src )
HTML Media sercset images ( srcset )
Background Images
Domain consistency for SEO
Edge-cache non-optimized images
Minimal monthly hosting costs for optimization and caching
Features
Coverage
Coverage
CSS Background Images
Asset URLs
https://assets-global.website-files.com
https://assets.website-files.comOthers
Options
Multiple configurations
Applied by; - Custom attributes
Ignore image
No proxy, no optimization
Quality
Fixed at 90%
Transform types
Auto
From and to types
Images
Automatically detect and optimize all HTML-referenced images on the site
HTML Images (
src)HTML Media srcset images (
srcset)
Configure the from and to formats
e.g. which to WEBP convert, which not to for animation purposes
Future
Proxy other image types like PDF
Possibly optimize them
CSS-referenced images such as background images
Ability to zone and classify image rules;
By page
Page section ( attributes )
Custom attributes override directly on image
https://assets-global.website-files.com
https://assets.website-files.com
`HTML Images ( src= )
HTML Media srcset images ( srcset= )
CSS background images
Future
alt domains
user images?
uploaded images?
/**
OPTIONS
normalize zone string to www.
convert jpg to webp
convert png to webp
convert gif to webp
convert svg to webp
convert webp to webp
questions regarding animation support
quality
cache settings - infinite
added features like watermarking
eliminate responsive images
standardize responsive images
fix 1vw's
*/
Configurations
Cassette
assets.sygnal.com