diff --git a/packages/gatsby-image/src/index.js b/packages/gatsby-image/src/index.js
index c4bf282b08bb1..941788eb75799 100644
--- a/packages/gatsby-image/src/index.js
+++ b/packages/gatsby-image/src/index.js
@@ -89,7 +89,7 @@ const isWebpSupported = () => {
 
 const noscriptImg = props => {
   const {
-    opacity = ``,
+    opacity = `1`,
     src,
     srcSet,
     sizes = ``,
@@ -97,9 +97,9 @@ const noscriptImg = props => {
     alt = ``,
     width = ``,
     height = ``,
-    transitionDelay = ``,
+    transitionDelay = `0.5s`,
   } = props
-  return `<img width=${width} height=${height} src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
+  return `<img width="${width}" height="${height}" src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
 }
 
 const Img = props => {