Slick Media Blog

Covering Website Design, Coding, SaaS, Software and Tech.
Editorial by
Glenn

The Essential Guide to OG Images (and How They Appear on Social and Google)

This is some text inside of a div block.
This is some text inside of a div block.
When someone shares your web page on social media, a preview card usually appears showing an image, title, and short description. That image, known as an OG (Open Graph) image, helps define how your content looks before anyone even clicks. This guide explains what OG images are, how to set them up properly, and why they play an important role not only on social platforms but also in how your pages can appear in Google search results.

Fix Blurry Lower Quality Image in Webflow

This is some text inside of a div block.
This is some text inside of a div block.
Fix blurry or lower-than-anticipated quality images in Webflow by tweaking the hidden responsive image settings.

PNG Shadows with CSS

This is some text inside of a div block.
This is some text inside of a div block.
How to add photo-realistic shadows to transparent PNG files with CSS only

jQuery Swap Image

This is some text inside of a div block.
This is some text inside of a div block.
How to swap an image with jQuery on Load