{"id":4116,"date":"2020-01-28T19:10:03","date_gmt":"2020-01-28T19:10:03","guid":{"rendered":"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design"},"modified":"2020-01-28T19:10:03","modified_gmt":"2020-01-28T19:10:03","slug":"when-to-use-blurry-images-in-web-design","status":"publish","type":"post","link":"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/","title":{"rendered":"When to Use Blurry Images in Web Design"},"content":{"rendered":"\n

When it comes to the qualities of what makes a good photo<\/a>, you may expect \u201cclear and crisp\u201d to be one of them.\u00a0<\/p>\n

But surprisingly, it\u2019s not!<\/p>\n

In fact, in some cases, blurry images can convey a lot more than clear ones can. But that doesn\u2019t mean you should go overboard though.<\/p>\n

Don\u2019t know when to use blurry images in web design? Don\u2019t worry; we\u2019ve got you covered. Read on to find out more.<\/p>\n

To Highlight the Foreground<\/h2>\n

Is there something important happening in the foreground? For instance, maybe you want to highlight 2 businesspeople talking with one another. Or maybe you want to showcase the model wearing your dress.<\/p>\n

Either way, you want all eyes on the foreground. What better way to make that happen than to blur out all the important elements (such as the background)? That way, you ensure the subject you want people to pay attention to is front and center.<\/p>\n

To Indicate Action<\/h2>\n

With your image, you want to tell a story. And if you\u2019re capturing something that\u2019s always in motion (such as an athlete or a racecar), you want that action to translate through the photo.<\/p>\n

A great way to do this is to blur the image. You can take a photo that\u2019s completely clear and use the \u201cblur image<\/a>\u201d function to make it appear as if the subject is in motion. This can add some depth to your picture.<\/p>\n

To Put Text Over the Image<\/h2>\n

It\u2019s always more eyecatching to put text on an image instead of having it stand alone. However, sometimes, the image can be too \u201cbusy,\u201d and this can cause your text to become lost in the picture, even if you try out different fonts, colors, and sizes.<\/p>\n

What you can do is blur the image. That way, it softens everything in it, but the viewer can still tell what\u2019s supposed to be there. As a result, your text will stand out much better.<\/p>\n

To Make a Photo More Dramatic<\/h2>\n

Let\u2019s face it\u2014some photos you take just aren\u2019t very interesting. You might want to use it for your website, but fear it may be too boring looking.<\/p>\n

Sometimes, all it takes a blur tool to perk up the image. For instance, a person standing in front of a field may not be too interesting. But once you blur the image, it can look quite nice for your website.<\/p>\n

Or maybe you have a photo where the sun is peeking through a window and its curtains. Blur it, and it instantly becomes more dramatic.<\/p>\n

Using Blurry Images in Web Design Is Definitely OK<\/h2>\n

As you can see, there are many uses for blurry images in web design. While it may inherently feel wrong to intentionally have blurry images, keep in mind that it actually makes for a stronger picture. So long as you take our advice and use the blurring tool right, then you\u2019ll have the best photos possible.<\/p>\n

For more information on web design, please check out the rest of our blogs.<\/p>\n","protected":false},"excerpt":{"rendered":"

When it comes to the qualities of what makes a good photo, you may expect \u201cclear and crisp\u201d to be one of them.\u00a0 But surprisingly, it\u2019s not! In fact, in some cases, blurry images can convey a lot more than clear ones can. But that doesn\u2019t mean you should go overboard though. Don\u2019t know when […]<\/p>\n","protected":false},"author":99,"featured_media":4117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"yoast_head":"\nWhen to Use Blurry Images in Web Design • Online Logo Maker's Blog<\/title>\n<meta name=\"description\" content=\"When it comes to the qualities of what makes a good photo, you may expect "clear and crisp" to be one of them.\u00a0 But surprisingly, it's not! In fact, in\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"When to Use Blurry Images in Web Design • Online Logo Maker's Blog\" \/>\n<meta property=\"og:description\" content=\"When it comes to the qualities of what makes a good photo, you may expect "clear and crisp" to be one of them.\u00a0 But surprisingly, it's not! In fact, in\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Logo Maker's Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-28T19:10:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2020\/01\/6113aa05ce3b6416266d203a2472fbe6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1333\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:site\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Logo Design Tips and Tricks\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\",\"name\":\"Online Logo Maker\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/onlinelogomaker\",\"https:\/\/www.instagram.com\/onlinelogomaker\/\",\"https:\/\/www.youtube.com\/channel\/UCQ9jGSx6qnAo6_hC290O5Pg\",\"https:\/\/www.pinterest.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/12\/onlinelogomaker.png\",\"width\":1551,\"height\":199,\"caption\":\"Online Logo Maker\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"name\":\"Online Logo Maker's Blog\",\"description\":\"Your number #1 design blog is all about design, branding, freebies and trends!\",\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.onlinelogomaker.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2020\/01\/6113aa05ce3b6416266d203a2472fbe6.jpg\",\"width\":2000,\"height\":1333,\"caption\":\"Blurry Image\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#webpage\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/\",\"name\":\"When to Use Blurry Images in Web Design • Online Logo Maker's Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#primaryimage\"},\"datePublished\":\"2020-01-28T19:10:03+00:00\",\"dateModified\":\"2020-01-28T19:10:03+00:00\",\"description\":\"When it comes to the qualities of what makes a good photo, you may expect \\\"clear and crisp\\\" to be one of them.\\u00a0 But surprisingly, it's not! In fact, in\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/28cb4f414d5d505a876e7a296efb8735\"},\"headline\":\"When to Use Blurry Images in Web Design\",\"datePublished\":\"2020-01-28T19:10:03+00:00\",\"dateModified\":\"2020-01-28T19:10:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/when-to-use-blurry-images-in-web-design\/#primaryimage\"},\"articleSection\":\"Logo Design\",\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/28cb4f414d5d505a876e7a296efb8735\",\"name\":\"Logo Design Tips and Tricks\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a9c6e455cad6bdda2fc9088755135d8?s=96&d=mm&r=g\",\"caption\":\"Logo Design Tips and Tricks\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/4116"}],"collection":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/comments?post=4116"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/4116\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media\/4117"}],"wp:attachment":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media?parent=4116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/categories?post=4116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/tags?post=4116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}