Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
image strategies

3 Articles
{
,

}
Direct link to the article Inline Image Previews with Sharp, BlurHash, and Lambda Functions
image strategies images

Inline Image Previews with Sharp, BlurHash, and Lambda Functions

Don’t you hate it when you load a website or web app, some content displays and then some images load — causing content to shift around? That’s called content reflow and can lead to an incredibly annoying user experience for …

Adam Rackis on May 19, 2022 Updated on Jan 27, 2023
Direct link to the article Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
gatsby image strategies images

Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby

Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.

With plugins and some configuration, you can even setup …

Ajay on Nov 18, 2019
Direct link to the article Tips for rolling your own lazy loading
image strategies lazy loading responsive images

Tips for rolling your own lazy loading

You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page.

Lazy loading is a popular technique for gradually requesting images as …

Phil Hawksworth on Jul 1, 2019 Updated on Jul 15, 2019

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top