![]() When we allow longer values to represent a single point, we can assign values a larger range of colors. ![]() This however would mean we could only represent our image in black and white (binary only allows us two options, 0 or 1, so we can only represent two colors.). If we only allowed a single binary character for each pixel point, we would be able to keep our file size as small as possible. The number of colors available in the image file is based on the length of the value available to each point. The higher the number of pixels (or density, measured as pixels per inch) translates to how sharp the image is, and how large it can be rendered without losing quality. ![]() Raster files recreate an image by recording the color value of pixels, which represent the smallest single point on a screen that can be assigned a color by the display. ![]() When we interact with pictures we took on digital cameras for example, we are dealing with JPEG or JPG files. The image files most of us are already familiar with using are typically raster format. By using a combination of image types, and newer techniques found in HTML5 like canvas, and reproducing images using CSS, we can balance quality against size to reduce our bandwidth needs and allow our site to be more flexible. Images are the greatest contributors to the visual appeal of your site, and typically account for the majority of bandwidth used in loading your pages.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |