Archive

Image4 writings

7 writings

  1. Exploring Progressive Image Loading Techniques
    A deep dive into LQIP, BlurHash, ThumbHash, and other progressive image loading strategies for the web.

    ImageWebUIUXLQIP5 min

  1. Hexo Site Performance Optimization Notes
    Last September I wrote up my Hexo blog performance work. Recently I tackled the remaining issues with another round of optimizations, recorded here as a follow-up.

    BlogHexoPerformanceImageHTMLCSSFontCDN7 min

  1. Understanding Responsive Images: From Pixels to DPR
    🤖 From physical pixels and CSS pixels to PPI and device pixel ratio, then on to responsive images with rendered vs. intrinsic size and srcset descriptors.

    ImageHTMLWebBrowserResponsivesrcsetLCP5 min

  1. Configuring a GitHub Image Bed With PicGo (Typora & vs Code)
    Configure PicGo with a GitHub-backed image bed, then use it from Typora and VS Code with custom URLs and upload formats.

    ImageOSS2 min