If you look back at Colours in CSS, there are 2 24 choices for the 6-character colours: it's the same set of colours in either case. The drawback is that there is a lot of information for each pixel and file sizes tend to be large. This is enough to represent images like photographs that have many shades of colours used in their pixels. The reason for the name “24-bit colour” is that each pixel can be any of 2 24 possible colours. This is called 24-bit colour or true colour. The default for most image editing programs is images with a full range of colour for each pixel. In the figures above, we can see that there are relatively few colours actually used: white, black, and a few greys (and a few shades of blue for the link, which isn't in the enlargement). This is determined by how many choices there are for the colour of each pixel. One factor that has a large impact on the size of a bitmap image file is the amount of information that much be stored for each pixel. Saving the screenshot as a PNG, I got a 36 kilobyte file: much smaller than without any compression, but we can do better if we actually understand a little more about images. PNG uses data compression to represent images in smaller files with no loss in quality. We can instead save an image as a PNG ( Portable Network Graphics) which is common on the web. The BMP format isn't used on the web because it produces such large files. That is a lot for a relatively small image. If we save the original screenshot in that format the result is a 526 kilobyte file. The BMP ( Windows Bitmap) format simply records the colour of each pixel with no compression (typically). Of course, the way the computer represents that information isn't english descriptions like that, but the basic idea is the same. Essentially, that information is “Row 1: white pixel, white pixel, white pixel, … Row 2: dark grey pixel, black pixel, black pixel, dark grey pixel, …”. When the computer stores this bitmap data on disk (or transmits it over the Internet), is basically has to store the colour of each pixel. We can add a grid to make the individual pixels more clear: Detail with a pixel grid Let's take a closer look at the first few characters in the first paragraph: Detail of screenshotĪs we expect, the image is made up of a grid of pixels. Since the image is a screenshot and computer displays inherently display bitmaps, this should be saved as a bitmap (not vector) image. The lower the DPI/PPI, the lower the quality of the print.Let's return to the screenshot of the sample web page from Attributes and More: Sample web page screenshot The quality of your raster printed piece will depend on your DPI/PPI. Raster Files begin with a certain number of dots per inch (Known as DPI or PPI - pixels per inch). Vector graphics, therefore, are often easy to transmit from one computer to another and also over the internet. Because the files are only identified by mathematical descriptions and not individual pixels, files are often much smaller than their raster counterparts. One of the advantages of using vector graphics is its file size efficiency. Fonts are a good example of a commonly used vector graphics. This is only the case on a computer because vector graphics are created using mathematical lines and curvature, which is why there is no such thing as resolution/ until the image is exported or printed. You can identify a vector image by looking at its edges - a vector image will always appear smooth no matter how large you make it or how close you zoom in.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |