Saving a photo as jpg removes detail from the photo. The other three types are used for general images: One type, ico, is to make a favicon file - but this is usually only done when a website is first set up. The end of a filename (called the extension) tells what type it is. Depending upon your use of the images on your site, you may have to experiment with this to get the right ratio that keeps the resolution quality good while maintaining a small file size.
WEB IMAGE RESOLUTION AND SIZE SOFTWARE
Some graphic software programs allow you to set the compression rate to control the quality of the image (and file size) at the time you save it. Internet browsers can decompress this information to display the image on the screen. When you save the file as one of these types, it condenses or compresses the data information in the image file. Luckily, the various file types most commonly used on the Internet have compression features. The higher the resolution, though, the larger the file size, so you have to make a compromise between quality and file size. The resolution of the image dictates its clarity. Smaller images should be closer to 30K and lower. Typically, large high quality images should be kept between 100K and 60K. People often don’t have the patience to wait through long web page loads, so keeping your file sizes low speeds up your web page access times. It’s up to you to determine what size they should be from there, matching the image to your overall layout and styles.įile size dictates the time it takes to load your page, the larger the file size, often increased because of a high image resolution quality, the longer it will take to load. Images within that 600 pixel width need to be restricted to that maximum width in order to protect the layout of your page.
If your WordPress Theme features a fixed width content area of 600 pixels and the image you want to use is 800, the image will push the sidebar and layout of your web page around, messing up your design. The physical size of the image is information we need to know in order to determine how much “space” will the image occupy on a web page. There are basically X image types popularly found on the Internet: jpeg,gif,png and (for favicons (the icons next to the address)) ico. Resolution is sometimes identified by the width and height of the image as well as the total number of pixels in the image. Resolution refers to the number of pixels in an image. This is the size of the file on your hard drive or server. Generally, the file size is treated as a different issue. The physical size of an image is based upon two things: The size of the image on the screen and the file size. The size and quality of an image for use on a web page is determined by a variety of things.
0 kommentar(er)
