homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

Huge background images

WebmasterWorld Senior Member 5+ Year Member

Msg#: 3854363 posted 6:18 pm on Feb 20, 2009 (gmt 0)

i see some sites that use a huge background image...

some 1200 px wide... whats the trick to keeping the file size small?

i have tried several methods in photoshop, and even a 2 color .gif optimized file is still over 100k...

is that something ill have to live with?

the image size is 1600x1200

just a 2 color pattern



10+ Year Member

Msg#: 3854363 posted 9:18 pm on Feb 20, 2009 (gmt 0)

GIF compression works by looking for pixels of the same color in a horizontal line. So if you have a highly dithered image or small vertical lines you won't be getting much compression.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 3854363 posted 11:02 pm on Feb 20, 2009 (gmt 0)

just a 2 color pattern

Can you redesign the pattern block (or close) that can then be repeated as with any other standard background-image: ? You may have some reverse engineering options.? 100kb for a background-image: - ouch.


I built a site for a graphic-design/printing company once. The owner turned the decisions over to his chief graphic designer. OMG. It wasn't so much that they knew nothing about website design. The big problem was that they were expert print people and absolutely could not bring themselves to understand that print and internet are apples and oranges. She designed the background-image: that they wanted and it was monumental. It wasn't even that good and could have been redesigned into several graphics that incorporated the key graphic elements throughout the page at a very reasonable size. She wouldn't have it. It was to be used 'as is', only file size optimization allowed (which was pretty pointless. The .eps was like 20GB. She just went to town with layer upon layer of graphic doo-dads:)) Had to get the okay just to resize the darn thing to a size that more than 1% of their users would see.

It was their dime, but I made sure that there was plenty of documentation regarding my position. Once they signed off on the final product I fired them. I didn't tell them until they came back to get some updates, a special form page for users looking for spec requests, and such. I just told them that my workstack was closed for several months.

Eventually, they scrapped the site completely and put up a whole new terrible site. I am sure it was that same 'chief designer' that wanted what she wanted and didn't want to hear that there HAD to be some give to the take.

I know just enough about print work to ask lots of questions about 'best practice' when I am involved in a print project. I've learned a fair bit I think, but don't pretend to in any way be a print person. I enjoy learning what I can where I can but don't pretend to be right person for the job if I am not.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved