Solved

What is the maximum size a background image should be before impacting performance

Posted on 2012-04-07
2
469 Views
Last Modified: 2012-04-07
Hi,

What is the maximum size a background image should be before impacting performance.
Are there tools to test this?
0
Comment
Question by:jecommera
  • 2
2 Comments
 
LVL 18

Expert Comment

by:Andrej Pirman
ID: 37819113
Background of what? Windows desktop? Web site? Android phone? HTML table?

If you are talking about WEB design, then you can calculate how fast an image will load by simple equation:
Image size in MBytes (500kB =0,5 MB) multipied by 8 (to get bits) = 4 Mb
If receiving side has 4Mbits per second internet connection, this image will load approx. 1 second. This is the impact in performance.
0
 
LVL 18

Accepted Solution

by:
Andrej Pirman earned 500 total points
ID: 37819127
Oups...submitted to fast.
Here's what I also wanted to add: some web site speed load testing tools online:
http://www.linkvendor.com/seo-tools/speedtester.html (you can see SIZES and loading times here)
http://www.websiteoptimization.com/services/analyze/

In general, for web design images should not exceed few 100kB in size. Optimize larger images by:
- reducing color palette
- compressing JPEG
- if you are using PhotoShop you have "Save For Web..." option, where you can see both, final image PREVIEW and SIZE prior to saving in different format or with different palettes and compression levels
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question