{"id":7541,"date":"2014-06-27T14:38:57","date_gmt":"2014-06-27T21:38:57","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7541"},"modified":"2015-04-16T14:43:44","modified_gmt":"2015-04-16T21:43:44","slug":"5-minute-website-fixes-give-your-business-logo-a-transparent-background","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-give-your-business-logo-a-transparent-background\/","title":{"rendered":"5-minute website fixes: Give your business logo a transparent background"},"content":{"rendered":"

So, after deciding to grow your business online you’ve started researching ways to make your website stand out<\/a> and all of your studies have pointed you in one direction \u2013 develop a brand for your business<\/a>.<\/p>\n

First step? Your logo.<\/p>\n

Lucky for you, a friend drafted one up for your business a while back. Knowing you’re already ahead of the game, you upload your logo to your fresh new website.<\/p>\n

*Cue Psycho music (Ree! Ree! Ree!)<\/p>\n

To your horror, you see your logo sitting at the top of your page, surrounded by a large white box. You realize your .jpg file is not transparent, and has turned your logo from tasteful to tacky in 30 seconds.<\/p>\n

\"Using<\/a><\/p>\n

No need to panic, we have the details to give your logo the transparent background you’re looking for.<\/p>\n

With free tools such as Background Burner<\/a>,\u00a0Pixlr Editor<\/a>\u00a0and Canva<\/a> (hint: we used Canva to design\u00a0the logo for this demo<\/em>)\u00a0creating transparent images is a cinch. For the sake of this example, we’ll go with Pixlr.<\/p>\n

Upon landing on Pixlr Editor, go ahead and click “Create a new image.”<\/p>\n

\"Using<\/a><\/p>\n

Next, select the width and height of your logo, and be sure to click “Transparent.”<\/p>\n

\"Using<\/p>\n

Your screen should now look like this:<\/p>\n

\"Using<\/p>\n

Next, from the “Layer” drop down above, select “Open image as Layer” and upload your logo.<\/p>\n

\"Using<\/a><\/p>\n

Once done, select the wand from the toolbar.<\/p>\n

\"Using<\/p>\n

With the wand in hand, select the white background of your logo.<\/p>\n

\"Using<\/p>\n

Once selected, from the “Edit” drop down menu, select “Cut.”<\/p>\n

\"Using<\/a><\/p>\n

See the checkered background behind your logo? That means it’s transparent! Now go ahead and save the logo from the “File” menu, and \u2013 be sure to save\u00a0your file as a .PNG!<\/em><\/p>\n

\"Using<\/p>\n

Now that you have your transparent logo handy, go ahead and re-upload it to your website. We suggest using Skyline \u2013 it does a great job of highlighting your business brand.<\/p>\n

\"Using<\/p>\n

If you have yet to take advantage of the design services of Yola, check out our Yola Silver package<\/a> to promote your business branding.\u00a0H<\/em>int<\/em>: our annual package comes with a free custom domain!<\/p>\n

On the hunt for more tips to make a successful website? Keep your eyes peeled for more tips in the 5-Minute Website Fix series.<\/p>\n","protected":false},"excerpt":{"rendered":"

Having a professional logo is imperative for any business website. Learn to create transparent logos with this easy 5-minute fix!<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[810,806,811,809],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7541"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7541"}],"version-history":[{"count":10,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7541\/revisions"}],"predecessor-version":[{"id":8288,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7541\/revisions\/8288"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}