How to upload images in background in iOS?

What is the recommended size for full background images on a website?

• Hi, I have a website with full bleed background images. The home pages contains only images and they slide after every few seconds.  We have developed this functionality and it is workign fine. However when client provided us the iamges, each image is of size varying between 3 - 5 MB. Once we upload these images, the page load time started getting affected. so i need to inform client to provide smaller size images. So in this context, i need to know what is the recommended size of the image should be if it has to go on the web?

• Answer:

  You are asking "How long is a piece of string?"  In other words, an unanswerable question.  Well, it can be answered but more information is required before the question can be adequately answered.  Here are a few things to consider: When you say "what size" do you mean pixels or bytes? The number of pixels should be determined by what devices visitors are using to view your site.  If you get mostly mobile users, use small images or none at all.  If your clientele is comprised of folks with plenty of money and a penchant for tech (i.e. they probably have large monitors) then use whatever size looks good on the page.  Google Analytics and other programs can track your visitors' screen sizes and you can plan the dimensions of your images accordingly.  If your clientele varies widely, test for screen size and show an image appropriate to the particular viewer. Bytes should always be the minimum you can achieve without compromising quality.  If you are using Photoshop, click File -> Save for Web and Devices.  This eliminates all the information regarding the date the picture was taken, the F-stop, exposure time, make and model of camera, and other information that is irrelevant to a website (unless you are building a photography website, like Flickr).  In general, use .jpg for photographs, .gif for logos (images with few color requirements and that may need to support on/off transparency), and .png for complex images that need to support gradient transparency.  If in doubt, save to all three formats and compare file size. Also, you need to consider the service that is available in your target area.  Are you in a metropolitan area where everyone has DSL and 4G?  Or are you in a rural area where folks are lucky to have dial-up available and cell service is spotty at best? Full page images look slick, but they can be the kiss of death to a website if folks don't stick around long enough to see the real content.  You may need to reconsider your design.