1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Add a background to a webpage?

Discussion in 'HTML & Website Design' started by 335iCabrio, Aug 30, 2009.

  1. #1
    How do people manage this? Is it just a photoshop picture?

    For an example of what I'm talking about, http://www.davidlehre.com/neonlove/index.html

    His main page is there, with a border, and then there's the big green background with dots.

    How would one achieve this? A picture that big, and sharp (the dots are clear) would be huge, wouldn't it?

    Thanks for any info/tips!
     
    335iCabrio, Aug 30, 2009 IP
  2. fernan

    fernan Well-Known Member

    Messages:
    127
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    125
    #2
    It uses img tag <img src="images/yourpict.jpg"> not background
    the designer use photoshop to achive that dots and optimize the image to load fast. you can achive that using photoshop.

    hope it helps
     
    fernan, Aug 30, 2009 IP
  3. ywp

    ywp Peon

    Messages:
    96
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    A quick glance shows this site's graphics weighing in over 700 KB. That's not really an achievement. Nevertheless, it's a good looking site.
     
    ywp, Aug 30, 2009 IP
  4. Crutix

    Crutix Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It's just a green background and img html tags. The dots and all the design were most likely made in Photoshop.
     
    Crutix, Aug 30, 2009 IP
  5. 335iCabrio

    335iCabrio Member

    Messages:
    64
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    wow, my site is around 105 kb and it loads in the same time if not slower... :confused:

    anywho... how do I optimize an image like that in photoshop? (have such a big picture load quick)
     
    335iCabrio, Aug 30, 2009 IP
  6. webgal

    webgal Peon

    Messages:
    533
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #6
    webgal, Aug 30, 2009 IP
  7. ywp

    ywp Peon

    Messages:
    96
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I'm going to go out on a limb and say that it's hosting. I turned off my cache and compared the main picture to a marginally larger picture on Deviant Art. (It was just the isolated image in both cases.) I didn't notice much of a difference in download speeds. I know it's hardly a scientific test, but I'll leave it at that. :)
     
    ywp, Aug 30, 2009 IP
  8. mozareli

    mozareli Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    it is best to put a background image size (W: 1px h: 1000 px ...) such as a gradient that only the spread. very nice effect
     
    mozareli, Aug 31, 2009 IP
  9. pipisdicelana

    pipisdicelana Peon

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    you could use online image compressor tool from yahoo: developer.yahoo.com/yslow/smushit/
    and reduce your image size about 20%
     
    pipisdicelana, Aug 31, 2009 IP
  10. Hemuro

    Hemuro Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    that green background with dots is simply a high resolution background. It's an image made in a graphic design program(probably photoshop). simply set a picture like that as a background.
     
    Hemuro, Aug 31, 2009 IP
  11. xspeeder

    xspeeder Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    thanks maan
     
    xspeeder, Aug 31, 2009 IP