Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
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 …

Avatar of Adam Rackis
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 …

Avatar of Ajay
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 …

Avatar of Phil Hawksworth
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 hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top