40 Creative and Inspiring Website Backgrounds Techniques

September 8th, 2009

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.

In this post you will see how web designers carefully created background images to achieve their goals in engaging and facilitating the design elements and content.

Illustrative & Sketchy Backgrounds










Photoshoped Backgrounds





Matt Mullenweg



Using Textures and Brushes










Repeating Pattern



Go on Web

Simple and Elegant



Multiple Backgrounds






The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.


61 comments for „40 Creative and Inspiring Website Backgrounds Techniques
  1. Gennice on September 8th, 2009 at 5:58 pm

    Amazing collection! These truly inspired me for redesigning my blog soon.


    • danielthepoet on September 9th, 2009 at 1:14 am

      Agreed. Seriously just got my creative juices flowing.

  2. Alexandre Broggio ( Brasil ) on September 8th, 2009 at 6:43 pm

    thanks for the collection ^_^

  3. Greg on September 8th, 2009 at 7:37 pm

    Umm the image linked to and listed as Duirwaigh is showing the design from Matt Mullenweg’s site

    • Noupe on September 8th, 2009 at 7:43 pm

      Thanks for the heads up. Just fixed the link.

  4. Nathan on September 8th, 2009 at 8:09 pm

    Awesomely inspirational collection ;-)


  5. Gabriella Azurra Sky on September 8th, 2009 at 8:51 pm

    This is truly a great collection. Truly inspired :)

  6. Gabriella Azurra Sky on September 8th, 2009 at 8:53 pm

    This is truly a great collection. Truly inspired :)

  7. BlogLuomLat on September 8th, 2009 at 9:12 pm

    I like Camellie because it very cool :D

    I’m from Vietnam

  8. Thomas on September 8th, 2009 at 9:28 pm

    These are some really awesome designs!

  9. courts_metrages on September 8th, 2009 at 9:51 pm

    nice list ! thx :)

  10. Claireatwaves on September 8th, 2009 at 10:49 pm

    Some of these are gorgeous!

  11. carl smart on September 9th, 2009 at 12:49 am

    great list, I love some of these designs.

  12. e11world on September 9th, 2009 at 6:36 am

    This will really help me design my up-coming blog. Thanks for the wonderful list.

  13. Jhay on September 9th, 2009 at 1:30 pm

    Cool. Great! Thanks.

  14. Thomas on September 9th, 2009 at 1:45 pm

    Really nice selection, I discover lots of them !

  15. Ivan Miši? on September 9th, 2009 at 2:25 pm

    THX for the collection :-)

  16. Website Designers Stoke on September 9th, 2009 at 3:21 pm

    Great list, thanks.

  17. madz on September 9th, 2009 at 4:44 pm

    Errr, I can’t choose one, because I like simple blog designs, something that suits my personality.

  18. Ahmed on September 9th, 2009 at 5:47 pm

    i love the Gruny its also in free wordpress theme u can search it

  19. PelFusion on September 9th, 2009 at 6:49 pm

    creative and inspiring…

  20. Alex Yang on September 10th, 2009 at 12:29 am

    great list ;) thank you!

  21. muhammadiq on September 10th, 2009 at 2:06 am

    simply i love this post ! thanks

  22. Kat on September 10th, 2009 at 4:51 am

    Some friends of mine made the Scarygirl site, great to see it in the list ;)

    You can read an interview I did with them on Vectortuts+

  23. desgaus on September 10th, 2009 at 1:49 pm

    love the post! very inspiring…thanks!

  24. John Moray on September 10th, 2009 at 4:15 pm

    Such a great post. Thanks for sharing :)

  25. wien on September 10th, 2009 at 4:19 pm

    i like GRUNY

  26. AtiKuSDesign on September 10th, 2009 at 8:55 pm

    The last design I worked on had an interesting background which, at first was a tough one to code, but now I have it working and can use that technique from now on.

    Great list of inspiration, thanks!

  27. Bahy M. Ali on September 11th, 2009 at 8:07 pm also uses an awesome technique in using multiple backgrounds, it took me a while to figure how they did it, but it turned to be as simple as layers!.. that is a really inspiring post, thank you =)

    • Danny G. on October 12th, 2010 at 7:01 pm

      How does do it. im trying to do something like it?

  28. laura on September 11th, 2009 at 11:45 pm

    Interesting backgrounds; wonder how long they take to load and how they are on mobile.

  29. john on September 12th, 2009 at 4:28 pm

    thx for ur collection

  30. tutorialzine on September 13th, 2009 at 1:55 am

    Those are some amazing designs. Thanks for the post!

  31. Scripts Directory on September 14th, 2009 at 4:34 pm

    Wow! you’ve a very nice list of creative designs. Keep on posting such useful things and let the creative juices flow.

  32. Interface on September 14th, 2009 at 9:53 pm

    Great designs! I particularly like ScaryGirl and Camellie!

  33. steppinout on September 14th, 2009 at 10:31 pm

    Awesome collections

  34. MetacomCreative on September 15th, 2009 at 6:28 pm

    A lot of cool sites here! Background techniques are always great to see. Almost makes me want to re-do my current one, haha.

  35. Shanna from Roger West on September 17th, 2009 at 3:01 am

    Great collection! What was your criteria for choosing these sites?

  36. John | English Wilderness on September 19th, 2009 at 5:01 pm

    A fantastic collection. Hopefully I can find inspiration to liven up my webpages.

  37. Alexandros on September 19th, 2009 at 5:26 pm

    Utterly amazing collection!
    Thanks for sharing!!!

  38. m* on September 19th, 2009 at 7:21 pm

    Great collection

  39. ghprod on October 6th, 2009 at 9:02 pm

    Really amazing collection!

    they really outstanding of designed!

  40. Attitude Design | Graphic Design Portfolio on October 14th, 2009 at 4:11 pm

    Some really creative designs here – thanks for the post.

  41. sab on November 5th, 2009 at 5:31 am

    Thanks for the information. It will be useful for many.

  42. Website Templates on January 1st, 2010 at 3:42 am

    It is a nice collection and all designs are of the same capacity.Any one can get more better design by using search engine.

  43. Suunnittelua on January 21st, 2010 at 8:27 am

    Nice list. Thanks!

  44. Telugu Cinema on February 24th, 2010 at 12:26 am

    Your free wallpaper are all nice, simple yet elegant and very creative. keep up the good work.. You make people happy with your nice works..

  45. Carolina Custom Designs on March 20th, 2010 at 5:54 am

    This is a very nice collection! It is always inspiring to see what other designers are creating. I really liked the BrownBlogFilms design.

  46. Sameir on March 31st, 2010 at 1:51 am

    Great collections. Truly inspiring.

  47. Segundo Acosta Delgado on May 15th, 2010 at 12:32 am

    very good!!!

  48. Elden Littlejohn on June 12th, 2010 at 4:18 am

    Thanks for the review.

    Another thing, loving your blog layout. I had a similar blog to yours before I sold it on a few months ago.

  49. jaishmin on August 17th, 2010 at 12:45 am

    very inspiring…thanks!

  50. martinezjmiguel on August 24th, 2010 at 11:20 pm

    Nice collection, would like to share mine as well, simple and quick solution I did for my portfolio, thanks for the post.

  51. jaishmin on August 27th, 2010 at 1:56 am


  52. Feeqah Freaq on January 17th, 2011 at 2:22 am

    nice and thank you very much… your list helped me in my assignment.. just bookmarked this in case i forgot.. =)

  53. kunal on February 6th, 2011 at 6:51 pm

    I create custom designs for websites, interfaces and
    webapps based on your requirements & preferences. I’m
    experienced in print and identity design too

  54. I*Creative on February 7th, 2011 at 12:30 pm

    Great design list!

  55. Projekty organizacji ruchu on February 20th, 2011 at 9:33 am

    What plugs are you currently using to avoid spam?I’ve got TONS of spam in the comments on my blog. Cant take care of it :/. Akismet fails generally.

  56. Brian on July 14th, 2011 at 5:11 am

    Totally awesome backgrounds!

  57. Ashok on February 22nd, 2012 at 9:28 am

    Some of the designs are really good and awesome!!!

  58. olayinka on December 15th, 2012 at 1:34 am

    wonderful stuffs you’ve got ….. it cool and lovely …