{"id":113139896,"date":"2023-01-16T17:11:44","date_gmt":"2023-01-16T15:11:44","guid":{"rendered":"https:\/\/thrivethemes.com\/?p=113139896"},"modified":"2023-01-16T19:39:51","modified_gmt":"2023-01-16T17:39:51","slug":"free-stock-photos","status":"publish","type":"post","link":"https:\/\/thrivethemes.com\/free-stock-photos\/","title":{"rendered":"How To Find Awesome Free Images For Your Website"},"content":{"rendered":"<p>We\u2019ve all been there.You\u2019ve worked hard to write an amazing blog post or build a new homepage for your website\u2026 &#8230;something your online followers are really going to love.But now you&#8217;re faced with the troublesome task of finding the perfect images needed to help illustrate your point.Of course, you know better than to just swipe any image you find off of Google \u2014 <em>you don\u2019t want copyright infringement lawyers to come knocking on your door, right? <\/em>And on top of that, you\u2019re already aware that <a href=\"https:\/\/thrivethemes.com\/stock-photos-hurting-conversions\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">bland stock images hurt your conversions<\/a>\u2026So how do you find compelling images to use in your online content that don\u2019t cost money and keep you out of copyright court?Well, this post is going to show you where \u2014 <em>and then teach you how to weave them into your website like a design pro.<\/em>Ready to solve this visual content woe for your website? Awesome. <em>Let\u2019s get started\u2026<\/em><\/p>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113144248\" width=\"800\" height=\"300\" title=\"doors-choices-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/doors-choices-optimized.jpg\"><\/span><\/p>\n<h2>Part 1: Where to Find the Best, Free &amp; Copyright-Free Images<\/h2>\n<p>Let\u2019s begin by learning where to look for amazing copyright free images to accompany your online content.The following are image and illustration hosting platforms you can use without needing to cough up any cold hard cash. (In fact, all the stock photos used within this post were found using them!)Here\u2019s 6 digital places you can search through (in recommended order) the next time you need a copyright-free image for your site&#8230;<\/p>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113429408\" width=\"760\" data-init-width=\"760\" height=\"150\" data-init-height=\"150\" title=\"Photos from smartphone\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/Untitled-design-23.png\" data-width=\"760\" data-height=\"150\" style=\"\"><\/span><\/p>\n<h3>1. Your Own Smartphone!<\/h3>\n<p>That\u2019s right.It may sound obvious, <strong>but it needs to be said<\/strong>. If you have a smartphone, then your ability to produce the photo you\u2019re looking for is right there in your pocket.Grab a lamp or two to get the lighting right and then snap some pics to at least <em>attempt<\/em> to get what you need. Heck, you may already have the perfect pic buried in your camera roll right now!Truthfully, snapping your own stock images (if you can make them look decent) is awesome because they:<\/p>\n<ol>\n<li>Cost you nothing, and<\/li>\n<li>Give you the copyright by default.<\/li>\n<\/ol>\n<p>So don\u2019t be afraid&#8230;<\/p>\n<p>Take some quick pics with your smartphone and see if that helps get your next piece of content published with the visuals you were thinking of.<\/p>\n<h4 id=\"tab-con-10\" style=\"text-align: center;\">How to Create Great Images for Your Online Business \u2014 <em>Especially if You&#8217;re Not a Photographer<\/em><\/h4>\n<p>Need a little help snapping your own stock photos?<\/p>\n<p>Here&#8217;s a few tips to remember that will ensure that the personal images you take make your content look pro:<\/p>\n<ol>\n<li>If you have a personal branded website, make sure that many of the stock photos you ultimately use look unique, authentic and involve you. <a href=\"https:\/\/thrivethemes.com\/stock-photos-hurting-conversions\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Nothing gets ignored by visitors more than generic looking stock photos<\/a>.<\/li>\n<li>Make a list of all your content topics (both past, present and future) to help you brainstorm image ideas you can schedule photoshoots for. This way, you can create a portfolio of images to update your old content with and have at the ready to include in your future content.<\/li>\n<li>When it comes to actually taking your photos, make sure your shot is in focus and use lots of light to illuminate the subjects of your images. Try to eliminate harsh shadows by diffusing your light or even using multiple light sources.<\/li>\n<li>To give yourself the most options when editing your photos, start by taking the highest resolution images possible and then optimizing the dimensions and file size of your images last to <a href=\"https:\/\/thrivethemes.com\/optimize-website-speed\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">ensure they load quickly on your website<\/a>.<\/li>\n<\/ol>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113429409\" width=\"760\" data-init-width=\"760\" height=\"150\" data-init-height=\"150\" title=\"Pexels\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/Untitled-design-24.png\" data-width=\"760\" data-height=\"150\"><\/span><\/p>\n<h3>2. Pexels<\/h3>\n<p>Not much of a photographer?Well then, our favorite online platform for finding free \u2014 <em>and copyright free<\/em> \u2014 stock images is <a href=\"https:\/\/www.pexels.com\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Pexels<\/a>.Here\u2019s how this image hosting platform describes itself:<\/p>\n<blockquote><p><em>Pexels provides high quality and completely free stock photos licensed under the Pexels license. All photos are nicely tagged, searchable and also easy to discover through our \u2018discover pages\u2019.<\/em><\/p><\/blockquote>\n<p>If you\u2019re wondering what a \u201c<a href=\"https:\/\/www.pexels.com\/photo-license\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">completely free&#8221; Pexels license<\/a> entails, here\u2019s the gist of it in a few bullet points:<\/p>\n<ul>\n<li dir=\"ltr\">All photos on Pexels are free to use.<\/li>\n<li dir=\"ltr\">Attribution is not required. Giving credit to the photographer or Pexels is not necessary, but always appreciated.<\/li>\n<li dir=\"ltr\">You can modify the photos. Be creative and edit the photos as you like.<\/li>\n<\/ul>\n<p dir=\"ltr\">That\u2019s a pretty sweet deal, right? But to be in full compliance with the Pexels license agreement, just make sure that you also mind their <strong>DON\u2019T<\/strong> bullets:<\/p>\n<ul>\n<li dir=\"ltr\">Don\u2019t let identifiable people appear in a bad light or in a way that is offensive.<\/li>\n<li dir=\"ltr\">Don&#8217;t sell unaltered copies of a photo (e.g. don&#8217;t sell it as a stock photo, poster, print or on a physical product without adding any value).<\/li>\n<li dir=\"ltr\">Don&#8217;t imply endorsement of your product by people or brands on the image.<\/li>\n<li dir=\"ltr\">Don&#8217;t redistribute or sell the photos on other stock photo or wallpaper platforms.<\/li>\n<\/ul>\n<p dir=\"ltr\">Got all that? <em>Good<\/em>.Images on Pexels often rival many of the premium stock photo platforms out there, it\u2019s a good idea to search their image collection whenever your own comes up empty.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113429410\" width=\"760\" data-init-width=\"760\" height=\"150\" data-init-height=\"150\" title=\"Pixabay\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/Untitled-design-25.png\" data-width=\"760\" data-height=\"150\"><\/span><\/p>\n<h3>3. Pixabay<\/h3>\n<p>A close runner up to Pexels is a similar free image platform called <a href=\"https:\/\/pixabay.com\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Pixabay<\/a>.In fact, here\u2019s how Pixabay describes itself:<\/p>\n<blockquote><p><em>Pixabay is a vibrant community of creatives, sharing copyright free images and videos. All contents are released under the Pixabay License, which makes them safe to use without asking for permission or giving credit to the artist &#8211; even for commercial purposes.<\/em><\/p><\/blockquote>\n<p>So yeah, Pixabay provides the same sort of <a href=\"https:\/\/pixabay.com\/service\/license\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">licensing agreement<\/a> for its images as Pexels does in terms of being able to use their photos without fear of copyright infringement.In truth, you\u2019ll find that there\u2019s a lot of image overlap between Pexels and Pixabay images (since contributors often upload their images to both). However, unique images do exist on one platform that don\u2019t exist on the other, so Pixabay is always a solid next stop for free image hunting.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113429411\" width=\"760\" data-init-width=\"760\" height=\"150\" data-init-height=\"150\" title=\"Unsplash\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/Untitled-design-26.png\" data-width=\"760\" data-height=\"150\"><\/span><\/p>\n<h3>4. Unsplash<\/h3>\n<p><a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a> has an impressive collection of free stock photos.&nbsp;<\/p>\n<p>With over 500 millions visits to their homepage every month they are well loved by web designers and creatives alike!<\/p>\n<p>The license is simple:<\/p>\n<ul>\n<li>All photos can be&nbsp;<strong>downloaded<\/strong>&nbsp;and used for&nbsp;<strong>free<\/strong><\/li>\n<li><strong>Commercial<\/strong>&nbsp;and&nbsp;<strong>non-commercial<\/strong>&nbsp;purposes<\/li>\n<li><strong>No permission needed<\/strong>&nbsp;(though attribution is appreciated!)<\/li>\n<\/ul>\n<p>What is not permitted ????<\/p>\n<ul>\n<li>Photos cannot be&nbsp;<strong>sold<\/strong>&nbsp;without significant modification.<\/li>\n<li>Compiling photos from Unsplash to replicate a similar or competing service.<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113429405\" width=\"769\" data-init-width=\"1876\" height=\"335\" data-init-height=\"817\" title=\"unsplash filters\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/unsplash-filters.jpeg\" data-width=\"769\" data-height=\"335\" style=\"\"><\/span><\/p>\n<p>Easily filter by orientation or color to find the perfect image!<\/p>\n<p>One feature I particularly enjoy on the site is the ability to filter by orientation and by color. This makes it easy to find the right image for your features blog image or for your landing pages!<\/p>\n<h3>5. BarnImages<\/h3>\n<p>Not nearly as well known as the websites above but a good alternative for exclusive photos! <a href=\"https:\/\/barnimages.com\/\" target=\"_blank\" rel=\"noopener\">BarnImages<\/a> was launched in 2015 by two friends who were unhappy with the then available stock photos.<\/p>\n<p>They add new images weekly.<\/p>\n<p>The difference with this website is that other photographers can&#8217;t submit their images, which is why you&#8217;ll find exclusive photos here.&nbsp;<\/p>\n<p>The collection is mainly landscape images and the feel is much more &#8220;home picture&#8221; than professional photoshoot. I consider these photos a good alternative for in content photos.<\/p>\n<p>The website is also much less user-friendly then Unsplash, Pixabay or Pexels but if you&#8217;re willing to dig, you can find gold.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144203\" width=\"400\" height=\"225\" title=\"Woman-Shouting-Into-Megaphone-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Woman-Shouting-Into-Megaphone-optimized.jpg\" style=\"\" data-width=\"400\" data-height=\"225\" data-init-width=\"800\" data-init-height=\"450\"><\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.freepik.com\/free-photos-vectors\/woman\" target=\"_blank\" style=\"outline: none;\" rel=\"noopener\"><\/a><a href=\"https:\/\/www.freepik.com\/free-photos-vectors\/woman\" target=\"_blank\" style=\"outline: none;\" rel=\"noopener\">Woman photo created by FreePik &#8211; www.freepik.com<\/a><\/p>\n<h3>6. FreePik<\/h3>\n<p>If you\u2019re still in the lurch looking for images after looking through the other databases, give <a href=\"https:\/\/www.freepik.com\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">FreePik<\/a> a try.Unlike the brand name suggests, FreePik actually charges for most of its images through a monthly subscription plan. However, you can find free images on FreePik (which <em>always<\/em><a href=\"https:\/\/support.freepik.com\/hc\/en-us\/articles\/202567252-Is-Freepik-for-free-\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">require attribution<\/a>) by using their search filter. Just click the \u201cFree\u201d license box in the search filter sidebar and know that you\u2019re limited to 3 downloads per day as a guest user and 10 downloads per day as a free registered user.There are a lot of unique images on FreePik that you won\u2019t find elsewhere so it\u2019s always worth a search, but due to all their extra requirements and limitations, we recommend looking through Pexels, Unsplash and Pixabay first.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144221\" width=\"799\" height=\"487\" title=\"Flickr-logo-yarn-balls-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Flickr-logo-yarn-balls-optimized.jpg\" style=\"\"><\/span><\/p>\n<p style=\"text-align: center;\"><em><a href=\"https:\/\/www.flickr.com\/photos\/calliope\/2813096827\/in\/photolist-5hzRFr-8Jjmby-3x9oH-c5XzAd-4YBUU-8Qb93z-mBNPxh-BEgCKG-4Kr87-7pLDt-9MWpS6-5R3qVm-2hDb7xX-FQbgYW-3tGBS4-9gZ6KG-2fY7Qk-95NF2-5w9gJa-T9Tequ-pLDhKW-pMkea9-fhKZtu-2hu7KaM-uw4ary-66eFkD-6zxStX-dDwjdX-5CKrhb-4Fwqb-735fpr-8FSw7s-kAayej-6JyLL7-JYFT48-2g2zoKM-tkDprt-3pZppY-CXHTn-xf4C3S-4q6q59-399Qbt-W9Yon5-3tMfWU-QNJ3FV-28mjp5d-4LMpa4-uUGuNN-2TQVzY-zhq9Kq\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Photo Credit: Liz West<\/a><\/em><\/p>\n<h3 style=\"\">7. Flickr<\/h3>\n<p>Dating all the way back to 2004, <a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noopener\">Flickr<\/a> is one of the original internet image hosting and sharing platforms.And although there\u2019s tens of billions of photos hosted on Flickr, know upfront that many of them aren\u2019t copyright free. On top of that, the quality of images available in their creative commons area isn\u2019t guaranteed to blow your socks off either.However, you can find some hidden gems lurking in the Flickr wild, so give this platform a go when you can\u2019t find what you\u2019re looking for elsewhere.Just make sure to limit your searches to copyright free images only. You can do that by applying the appropriate Creative Commons search filter (\u201cCommercial use &amp; mods allowed\u201d in most cases)&#8230;<\/p>\n<p><span><img decoding=\"async\" alt=\"Flickr commercial use creative commons search filter\" data-id=\"113139967\" width=\"1200\" height=\"690\" title=\"Flickr-commercial-commons-search-filter-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Flickr-commercial-commons-search-filter-optimized.jpg\" style=\"\"><\/span><\/p>\n<p>Set your Flickr photo search filter to &#8220;Commercial use &amp; mods allowed&#8221; to limit your results to the Creative Commons.<\/p>\n<p>&#8230;but then you&#8217;ll have to manually check the actual Creative Commons license agreement for any image you want to use to ensure you\u2019ll be in copyright compliance:<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113139978\" width=\"1200\" height=\"624\" title=\"Flickr-Creative-Commons-License-Check-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Flickr-Creative-Commons-License-Check-optimized.jpg\"><\/span><\/p>\n<p>Make sure to click the copyright license details link beneath the Flickr photo you choose.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113429414\" width=\"760\" data-init-width=\"760\" height=\"150\" data-init-height=\"150\" title=\"google free images\" loading=\"lazy\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2022\/03\/Untitled-design-27.png\" data-width=\"760\" data-height=\"150\"><\/span><\/p>\n<h3>8. Google Search<\/h3>\n<p>Okay, so you were warned at the beginning of this post not to blindly lift Google search images to use in your content&#8230; <em>However<\/em>, there is a way to search for copyright free images on Google when necessary. Just know that \u2014 <em>like the Flickr recommendation above<\/em> \u2014 the onus is on you to make sure you understand the exact copyright license behind any image you decide to use. That being said, to search Google for copyright-free images:<\/p>\n<ol>\n<li>Start by loading the <a href=\"https:\/\/www.google.com\/imghp\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Google Images search page<\/a> and searching for your keyword.&nbsp;<\/li>\n<li>When the image results page appears, filter your search by clicking on the \u201cTools\u201d box underneath the search icon of the Google search bar&#8230;<\/li>\n<li>&#8230;and then setting the <em>Usage Rights <\/em>option to \u201cLabeled for reuse with modifications\u201d in the drop down menu that appears beneath the search bar:<\/li>\n<\/ol>\n<p><span><img decoding=\"async\" alt=\"Google Creative Common Search\" data-id=\"113139988\" width=\"1200\" height=\"624\" title=\"Google-Creative-Common-Search-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Google-Creative-Common-Search-optimized.jpg\"><\/span><\/p>\n<p>To limit your Google image searches to copyright-free results, click the &#8220;Tools&#8221; box and then select the &#8220;Labeled for noncommercial reuse with modifications&#8221; from the Usage Rights drop down menu that appears.<\/p>\n<p>This Google image search filter will then produce only those images that have been labeled for modification and reuse by others.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144339\" width=\"800\" height=\"448\" title=\"school-tools-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/school-tools-optimized.jpg\"><\/span><\/p>\n<h2>Part 2: How To Use Your New Stock Images<\/h2>\n<p>So now that you\u2019ve found those perfect photos for your online content, how do you best use them on your website?In this section, we\u2019re going to show you several ways to incorporate them into various digital real estate to make sure your blog posts look pro, your landing pages convert better and your homepage pops.Let\u2019s start by discussing how to display great photos on the most prime locations of your site&#8230;<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144273\" width=\"800\" height=\"480\" title=\"hero-boy-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/hero-boy-optimized.jpg\" style=\"\"><\/span><\/p>\n<h3>Hero &amp; Background Images<\/h3>\n<p>The first place you can drop your new images is in your <a href=\"https:\/\/thrivethemes.com\/header-personal-brand\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Hero Image<\/a> and <a href=\"https:\/\/thrivethemes.com\/create-background-image-website\/\" target=\"_blank\" rel=\"noopener\">background image<\/a> spots.If you\u2019re not aware, Hero Images are the front-and-center, first-thing you see, text overlay photos that load at the top of many online pages:<\/p>\n<p><span><img decoding=\"async\" alt=\"Hero Image with Text Overlay Example\" data-id=\"41522\" width=\"760\" height=\"512\" title=\"hero-image-3\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2015\/01\/hero-image-3.jpg\" style=\"\"><\/span><\/p>\n<p>Here&#8217;s a Hero Image homepage example. The image fills the full width of the screen, but allows for space where text can be overlain on the right side. Check out the <a href=\"https:\/\/landingpages.thrivethemes.com\/thrive-landing-pages\/?v=2&amp;tcb_preview=tcb2-homepage-history-personal-branding\" target=\"_blank\" rel=\"noopener\">Personal Branding landing page template<\/a> in Thrive Architect to make building something similar for your website quick and easy.<\/p>\n<p>Hero Images aim to visually illustrate a particular landing page\u2019s main idea while the text it\u2019s paired with uses words to make the point more specific.Background images on the other hand, are images that add texture to a page\u2019s background space (usually the full width of the page) and can be deployed anywhere along a webpage.Hero and background images are so common on most websites now that you might be an ugly internet duckling if you don\u2019t use such designs.However, the good news is that if you\u2019re running your website on WordPress, hero and background images are super easy to create with <a href=\"https:\/\/thrivearchitect.com\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a>.Just follow the Thrive Architect directions in <a href=\"https:\/\/thrivethemes.com\/header-personal-brand\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">this post<\/a> to setup a slick Hero Image for your homepage and check out the tips in <a href=\"https:\/\/thrivethemes.com\/create-background-image-website\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">this post<\/a> to make sure your background images shine.<\/p>\n<p>But to give you an idea of just how easy it is to get a Hero Image set up on your homepage with Thrive Architect, check out these 4 quick steps&#8230;<\/p>\n<h4>Step 1: Drag &amp; Drop a Background Section Underneath Your Header<\/h4>\n<p>Open the right Thrive visual editor sidebar and then drag &amp; drop the Background Section element beneath your homepage header. Adjust the height of the Background Section element, vertically center it, and then set the background image:<\/p>\n<p><span><img decoding=\"async\" alt=\"Create your Background Section\" data-id=\"113142561\" width=\"1280\" height=\"665\" title=\"Step-1-Background-Section-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Step-1-Background-Section-optimized.gif\"><\/span><\/p>\n<p>Step 1: Drag &amp; drop a Background Section element beneath your header, set its height, vertically center its content, and select a background image.<\/p>\n<h4>Step 2: Drag &amp; Drop a Column Element Into Your Background Section<\/h4>\n<p>If your Hero Image has an object of interest on one side of the image and a (more-or-less) empty background on the other side of the image (as shown in this example), you&#8217;ll want your text to display over the empty background.<\/p>\n<p>An easy way to set this up is to drag &amp; drop a Column element inside the Background Section element, select the 2-column 1\/2, 1\/2 option, and then add some pixels of padding to the left and right edges of the Column element.<\/p>\n<p><span><img decoding=\"async\" alt=\"Set up your column elements\" data-id=\"113142582\" width=\"750\" height=\"390\" title=\"Step-2-Columns-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Step-2-Columns-optimized.gif\"><\/span><\/p>\n<p>Step 2: Drag &amp; drop a Column element into your Background Section, select the 2-column 1\/2, 1\/2 option, and then set the margin and padding spacing for your column element.<\/p>\n<h4>Step 3: Drag &amp; Drop Text into One of Your Columns<\/h4>\n<p>Now it&#8217;s time to add your Hero Image heading and tag line text.<\/p>\n<p>You can do this by drag &amp; dropping 2 Text elements into one of your columns. Set the heading text as an H1 and customize its color, size and font to fit your design (make sure that there is high contrast between the background image and the color of your font).<\/p>\n<p>Make sure your tag line text is set as Paragraph text and do similar customizations.<\/p>\n<p><span style=\"\"><img decoding=\"async\" alt=\"Add your headline and tag line\" data-id=\"113142589\" width=\"750\" height=\"390\" title=\"Step-3-Hero-Heading-Text-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Step-3-Hero-Heading-Text-optimized.jpg\" style=\"\"><\/span><\/p>\n<p>Step 3: Drag &amp; drop your Hero Image text elements (usually an H1 heading and a paragraph tag line) into the Column element above the empty side of your photo. Customize the text with your branded fonts, font size, a font color that has high contrast with the background, etc.<\/p>\n<h4>Step 4: Tablet and Mobile Optimize Your Hero Image Design<\/h4>\n<p>One last thing&#8230; <strong>don&#8217;t forget to optimize your Hero Image design for Tablet and Mobile!<\/strong><\/p>\n<p>You&#8217;ll likely have to adjust the Background Section height, Column width, and font sizes to make sure your new Hero Image design looks good on all screen sizes.<\/p>\n<p>Here&#8217;s what it can look like when you optimize your Hero Image for tablet:<\/p>\n<p><span><img decoding=\"async\" alt=\"Optimize your hero image for tablet\" data-id=\"113142610\" width=\"750\" height=\"390\" title=\"Step-4-Tablet-Optimization-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Step-4-Tablet-Optimization-optimized.jpg\"><\/span><\/p>\n<p>Make sure to optimize your new Hero Image for tablet&#8230;<\/p>\n<p>And here&#8217;s what it can look like when you optimize your Hero Image for mobile:<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113142613\" width=\"750\" height=\"390\" title=\"Step-4-Mobile-Optimization-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Step-4-Mobile-Optimization-optimized.jpg\" style=\"\"><\/span><\/p>\n<p>And finally make sure your new Hero Image is optimized for mobile.&nbsp;<\/p>\n<p>Pretty quick and easy to get an awesome Hero Image set up on your homepage,<em> right?<\/em><\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144283\" width=\"800\" height=\"450\" title=\"battle-black-and-white-checkerboard-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/battle-black-and-white-checkerboard-optimized.jpg\" ml-d=\"-2\" style=\"\"><\/span><\/p>\n<h3>Checkered Layouts<\/h3>\n<p>Another modern photo or graphic layout you can use on the posts or pages of your website is the <strong>checkered layout<\/strong>.Much like the alternating design pattern of a checkerboard, a <em>checkered layout<\/em> on web pages is achieved by alternating the side-by-side position of images and text as you scroll down vertically.Here\u2019s an example of a checkered layout on our \u201c<a href=\"https:\/\/landingpages.thrivethemes.com\/thrive-landing-pages\/?v=2&amp;tcb_preview=tcb2-chic-smart-homepage\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Chic Smart Homepage<\/a>\u201d landing page template:<\/p>\n<p><span><img decoding=\"async\" alt=\"Checkered Layout Method\" data-id=\"113140018\" width=\"1600\" height=\"1302\" title=\"Checkered-Layout-Method-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Checkered-Layout-Method-optimized.jpg\" style=\"\"><\/span><\/p>\n<p>Here&#8217;s an example of a Checkered Layout from the <a href=\"https:\/\/landingpages.thrivethemes.com\/thrive-landing-pages\/?v=2&amp;tcb_preview=tcb2-chic-smart-homepage\" target=\"_blank\" rel=\"noopener\">Chic Smart Homepage template<\/a> available in Thrive Architect.<\/p>\n<p style=\"\">As you can see, the checkered layout is an especially useful way to present multiple features, benefits or talking points to readers in an aesthetically pleasing and professionally designed manner.To achieve this effect in <a href=\"https:\/\/thrivearchitect.com\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a>, you can use Column elements to set up alternating text-next-to image pairs.<\/p>\n<h3>Create Impressive Content Box Layouts<\/h3>\n<p>One of the most versatile ways you can display your new images on a <a href=\"https:\/\/thrivethemes.com\/architect\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a> built blog post or landing page is through the use of the Content Box element.The Content Box is a basic Thrive visual editor design element that allows you to set any background image, color or pattern you want \u2014 <em>and then add virtually any other Thrive visual editor element inside of it including Text, Images, Columns, and more<\/em>.<\/p>\n<p>To show you how quick and easy setting up a professional looking Content Box design is with Thrive Architect, check this out:<\/p>\n<p>Yup, nothing gives you the freedom to use your photos in professional digital designs quite like <a href=\"https:\/\/thrivethemes.com\/architect\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a>!<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113144314\" width=\"800\" height=\"532\" title=\"white-chat-logo-on-pink-background-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/white-chat-logo-on-pink-background-optimized.jpg\" ml-d=\"-2\" style=\"\"><\/span><\/p>\n<h3>Chapter Headings, Breaking Up Text Walls and Illustrating Points<\/h3>\n<p>Finally, one of the simplest ways to deploy images in your content to boost engagement is just placing self contained images \u2014<em>&nbsp;in the right places<\/em>.In&nbsp;<a href=\"https:\/\/thrivethemes.com\/architect\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a>, this is usually done through the use of our Image element:<\/p>\n<p><span><img decoding=\"async\" alt=\"Thirve Architect Image Element\" data-id=\"113140033\" width=\"373\" height=\"625\" title=\"Thirve-Architect-Image-Element\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Thirve-Architect-Image-Element-e1580989224509.jpg\" style=\"\" ml-d=\"0\"><\/span><\/p>\n<p>Drag &amp; drop the Image element onto your Thrive visual editor window to add images where needed.&nbsp;<\/p>\n<p>But where should you drop such images to make them most effective?Well, here\u2019s a few ideas that you can use to spice up both your landing pages or blog posts&#8230;<\/p>\n<h4>Above Your Chapter Headings<\/h4>\n<p>That\u2019s right, you can use images (especially icons or graphics) above your chapter headings or major page sections in order to add clarity and create visual breaks within your content.<\/p>\n<p>To give you an idea what that might look like in a piece of content, look at the following illustration:<\/p>\n<p><span><img decoding=\"async\" alt=\"Content pattern with chapter heading images diagram\" data-id=\"565184\" width=\"500\" height=\"1278\" title=\"pattern-explainer\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2017\/06\/pattern-explainer.png\" style=\"\"><\/span><\/p>\n<p>Use images (can be photos, icons, or graphics) as chapter headers to help give your content a visual structure for your readers.<\/p>\n<p>You can use photos, icons or graphics as images for your chapter headers, just make sure they have a visual consistency between them all. For example, if you use a well-designed icon for your first chapter header, use similarly designed icons for all the remaining chapters like this:<\/p>\n<p><span><img decoding=\"async\" alt=\"Header Images Example\" data-id=\"113140109\" width=\"400\" height=\"1296\" title=\"Header-Images-Example-small-optimized\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Header-Images-Example-small-optimized.jpg\" style=\"\"><\/span><\/p>\n<p>An example of icon chapter image headers in a blog post.<\/p>\n<p>Adding images in these spots not only makes your content more engaging, but also breaks the monotony of text-only scrolls that modern day web readers find frustrating to stick with.In fact, if you\u2019d like to take this chapter heading image strategy to the next level, read our blog post on <a href=\"https:\/\/thrivethemes.com\/content-pattern\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Content Patterns here<\/a> to get more ideas of how to visually structure your long-form content.<\/p>\n<h4>Within Text Heavy Sections of Your Content<\/h4>\n<p>Like we mentioned above, it\u2019s important to make sure you never end up with long walls of text that are void of visuals in your blog posts or landing pages. Such blocky lumps of text are intimidating to read and have little aesthetic appeal outside of text books:<\/p>\n<p><span><img decoding=\"async\" alt=\"Wall of text visual example\" data-id=\"541140\" width=\"300\" height=\"417\" title=\"text-book-format\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2017\/05\/text-book-format.png\" style=\"opacity: 1; filter: grayscale(0%) blur(0px) brightness(100%) sepia(0%) invert(0%) saturate(100%) contrast(100%) hue-rotate(0deg);\"><\/span><\/p>\n<p>Not very enticing to read, right? Your online content isn&#8217;t a novel so break up text with lots of white space &amp; images to make it more readable.<\/p>\n<p>Instead, make sure to use images in a way that breaks up your text every screen length or so (much like we did with the screenshots, chapter images and graphical elements \u2014<em> like blockquotes <\/em>\u2014 in this post). This also helps to illustrate the important points your content is trying to convey.<\/p>\n<h4>Image Modification Options<\/h4>\n<p>Finally, it&#8217;s super easy to make instant modifications to your images within the <a href=\"https:\/\/thrivethemes.com\/architect\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener\">Thrive Architect<\/a> editor. Just add an image to a post or page in the Thrive visual editor, highlight the image, and then open the Image Effects tab in the left sidebar:<\/p>\n<p><span><img decoding=\"async\" alt=\"Image Effects Sidebar\" data-id=\"113140151\" width=\"400\" height=\"1128\" title=\"Image-Effects-Sidebar\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2020\/02\/Image-Effects-Sidebar.jpg\" style=\"\"><\/span><\/p>\n<p>Want to turn a color image into a black &amp; white image? Adjust the Greyscale slider bar 100%.<\/p>\n<p><span><img decoding=\"async\" alt=\"Unmodified color image #1\" data-id=\"112959094\" width=\"452\" height=\"452\" title=\"au_image_3_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_3_square.jpg\" style=\"\"><\/span><\/p>\n<p>Unmodified color image. (0% Greyscale)<\/p>\n<p><span><img decoding=\"async\" alt=\"Black &amp; White image effect in Thrive Architect: Greyscale set to 100%\" data-id=\"112959094\" width=\"452\" height=\"452\" title=\"au_image_3_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_3_square.jpg\" style=\"\"><\/span><\/p>\n<p>Image Effects: Greyscale option turned up to 100%.<\/p>\n<p>Need to make your image more transparent? Crank the Opacity slider down.<\/p>\n<p><span><img decoding=\"async\" alt=\"Unmodified color image #2\" data-id=\"112959093\" width=\"452\" height=\"452\" title=\"au_image_2_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_2_square.jpg\"><\/span><\/p>\n<p>Unmodified color image. (100% Opacity)<\/p>\n<p><span><img decoding=\"async\" alt=\"Transparent image effect in Thrive Architect: Opacity set to 50%\" data-id=\"112959093\" width=\"452\" height=\"452\" title=\"au_image_2_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_2_square.jpg\" style=\"\"><\/span><\/p>\n<p>Image Effects: Opacity option turned down to 50%.<\/p>\n<p><span style=\"background-color: rgb(255, 254, 194);\">Think an image would look better in Sepia?<\/span> Yup, there&#8217;s even an Image Effect slider bar for that option too!<\/p>\n<p><span><img decoding=\"async\" alt=\"Unmodified color image #3\" data-id=\"112959092\" width=\"452\" height=\"452\" title=\"au_image_1_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_1_square.jpg\"><\/span><\/p>\n<p>Unmodified color image. (0% Sepia)<\/p>\n<p><span><img decoding=\"async\" alt=\"Sepia image effect in Thrive Architect: Opacity set to 50%\" data-id=\"112959092\" width=\"452\" height=\"452\" title=\"au_image_1_square\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2019\/05\/au_image_1_square.jpg\" style=\"\"><\/span><\/p>\n<p>Image Effects: Sepia option turned up to 70%.<\/p>\n<p>There&#8217;s actually 10 different Image Effects options you can dynamically apply to your images in Thrive Architect. So if you&#8217;re in need of some on-the-fly image editing, the Thrive visual editor has got you covered.<\/p>\n<h2>Ready to Give Your Own Content a Visual Upgrade?<\/h2>\n<p>Now that you know where and how to find amazing images for your online content, what are you waiting for?Go ahead and give the image hosting platforms a search and see if you can weave them into your posts and pages with the design strategies discussed above.And if you have any other image resource tips or clever visual design strategies that belong in this post, let us know about them in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve all been there.You\u2019ve worked hard to write an amazing blog post or build a new homepage for your website\u2026 &#8230;something your online followers are really going to love.But now you&#8217;re faced with the troublesome task of finding the perfect images needed to help illustrate your point.Of course, you know better than to just swipe [&hellip;]<\/p>\n","protected":false},"author":30733,"featured_media":113429800,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[25574],"tags":[25311],"class_list":["post-113139896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-build-your-site","tag-silo2-content-marketing","post-wrapper","thrv_wrapper"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/posts\/113139896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/users\/30733"}],"replies":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/comments?post=113139896"}],"version-history":[{"count":0,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/posts\/113139896\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media\/113429800"}],"wp:attachment":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media?parent=113139896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/categories?post=113139896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/tags?post=113139896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}