Solved

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

Posted on 2012-04-07
2
466 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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…

930 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now