Solved

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

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

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

762 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

26 Experts available now in Live!

Get 1:1 Help Now