Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(gatsby-image): Enhanced Blur-up CSS for placeholderImage #10702

Closed
wants to merge 1 commit into from
Closed

feat(gatsby-image): Enhanced Blur-up CSS for placeholderImage #10702

wants to merge 1 commit into from

Commits on Dec 28, 2018

  1. feat(gatsby-image): Enhanced Blur-up CSS for placeholderImage 

    Adds CSS filter.blur and transform.scale properties. Blur size is configurable via the `blurSize` prop, defaults to 16px. Conditionally checks to avoid applying to tracedSVG placeholders where it's unlikely to be desirable?

This improves the "blur-up" effect to be of a higher quality as the placeholder image is a stretched low pixel thumbnail(width of 20px) at the low quality, it can look rather awful especially for jpeg with artifacts and when representing a fairly large image size.
    polarathene committed Dec 28, 2018
    Configuration menu
    Copy the full SHA
    5dd2cb6 View commit details
    Browse the repository at this point in the history