Sygnal Hyperflow
Micro-Consulting
  • 📗Overview
    • Hyperflow v2.0
    • What's New?
  • 📗CORE FEATURES
    • Overview
    • SEO Enhancements
    • Hyperflow 2 API
    • Logging
  • 📗HYPERFLOW APPS
    • Hyperflow Monitor
      • API
      • Alert Setup
    • Hyperflow Locale-Specific Domains
    • Hyperflow LLMS
      • Setting up LLMS.TXT
      • Setting up Markdown Pages
      • Hyperflow LLMS API
      • Future
    • Hyperflow CMS Preview
    • Hyperflow Files
    • Hyperspeed
  • 📗INSTALLATION
    • Hyperflow Setup
    • Cloudflare DNS Setup
      • GoDaddy
    • Hyperflow Installation
    • Micro-service RPC Interface
    • Monitoring & Maintenance Setup
  • 📗HYPERSPEED
    • About Hyperspeed
    • Hyperspeed Releases
    • Hyperspeed Caching Features
      • Purge Cache on Site Publish
    • Hyperspeed Security Features
    • Hyperspeed SEO Features
    • Hyperspeed Advanced & Custom Features
    • Hyperspeed Monitoring & Maintenance
    • Additional Notes
      • Hyperspeed API
      • Monitoring
      • Information
      • JS
      • CSS
      • Hyperflow Purge Cache
        • Purge Triggers
        • Purge HTML Only
        • Quickstart
      • Content Coverage
      • Special File Handling
      • Caching
      • Image Handler
      • Dev Setup
      • Hyperflow Inline SVGs
      • Hyperflow Image Optimization
    • Hyperflow Editor
    • Future
    • Webflow Notes
    • Troubleshooting
  • 📗ADVANCED HYPERSPEED
    • Kingside Castle (O-O)
    • Queenside Castle (O-O-O)
Powered by GitBook
On this page
  1. HYPERSPEED
  2. Additional Notes

Image Handler


    // Format
    // https://<ZONE>/cdn-cgi/image/<OPTIONS>/<SOURCE-IMAGE>

    // https://milkmoonstudio.com/cdn-cgi/image/f=auto,quality=90/
    // format
    // quality
    // https://developers.cloudflare.com/images/transform-images/ 

    /*
<img 
height="320" 
src="https://assets-global.website-files.com/59b8d49f7fdf9700017d783a/64cc27e46f98d895545ba619_memetican_information_tables_on_a_webpage._with_rows_and_column_c7ff6d47-c98b-4f46-b6a9-9b64ee9.webp" 
alt="" 
sizes="(max-width: 479px) 100vw, (max-width: 767px) 91vw, (max-width: 991px) 43vw, (max-width: 1439px) 28vw, 358px" 
srcset="https://assets-global.website-files.com/59b8d49f7fdf9700017d783a/64cc27e46f98d895545ba619_memetican_information_tables_on_a_webpage._with_rows_and_column_c7ff6d47-c98b-4f46-b6a9-9b64ee9-p-500.webp 500w, https://assets-global.website-files.com/59b8d49f7fdf9700017d783a/64cc27e46f98d895545ba619_memetican_information_tables_on_a_webpage._with_rows_and_column_c7ff6d47-c98b-4f46-b6a9-9b64ee9-p-800.webp 800w, https://assets-global.website-files.com/59b8d49f7fdf9700017d783a/64cc27e46f98d895545ba619_memetican_information_tables_on_a_webpage._with_rows_and_column_c7ff6d47-c98b-4f46-b6a9-9b64ee9-p-1080.webp 1080w, https://assets-global.website-files.com/59b8d49f7fdf9700017d783a/64cc27e46f98d895545ba619_memetican_information_tables_on_a_webpage._with_rows_and_column_c7ff6d47-c98b-4f46-b6a9-9b64ee9.webp 1536w" 
class="autofit full-width" 
>
*/

    // format: string = "auto";
    // quality: number = 90;
PreviousCachingNextDev Setup
📗