Sem Iii Case Study

Total Page:16

File Type:pdf, Size:1020Kb

Sem Iii Case Study SEM III CASE STUDY RETINA DISPLAY Retina Display is a brand name used by Apple for liquid crystal displays that, according to Apple, have a high enough pixel density that the human eye is unable to notice pixilation at a typical viewing distance. The term is used for several Apple products, including the iPhone, iPod Touch, iPad, and MacBook Pro. Because the typical viewing distance is different, depending on each device's use, the pixels per inch claimed to be of retina quality can differ, depending on the size of the display, with higher ppi for smaller displays and lower ppi for larger displays: 326 ppi for the smallest devices (iPhone and iPod Touch), 264 ppi for mid- sized devices (iPad), and 220 ppi for larger devices (MacBook Pro). When an Apple product has retina display, each user interface widget is doubled in width and height to compensate for the smaller pixels. Apple calls this mode HiDPI mode. Apple has applied to register the term "Retina" as a trademark in regard to computers and mobile devices with the United States Patent and Trademark Office, Canadian Intellectual Property Office, and in Jamaica. Retina Display models The displays are manufactured by different suppliers in the world. Currently, the iPad's display comes from Samsung, while the Macbook Pro, iPhone, and iPod touch displays are made by LG and Samsung. MULTIMEDIA Page 1 SEM III CASE STUDY Apple markets the following devices as having Retina Displays. Typical PPI (pixels ppcm (pixels Viewing Pixels per Model Resolution per inch) per cm) Distance Degree (PPD) (in/cm) iPhone 4/4S and iPod 960×640 Touch (4th generation) 10 inches 326 128 57 (25 cm) iPhone 5 and iPod 1136×640 Touch (5th generation) iPad (3rd/4th 15 inches 264 105 2048×1536 69 generation) (38 cm) MacBook Pro with 20 inches 220 87 2880×1800 77 Retina Display 15" (51 cm) MacBook Pro with 20 inches 227 89 2560×1600 79 Retina Display 13" (51 cm) MULTIMEDIA Page 2 SEM III CASE STUDY Technical definition When introducing the iPhone 4, Steve Jobs said the magic number for a Retina display is about 300 PPI for a device held 10 to 12 inches from the eye. One way of expressing this as a unit is Pixels per Degree (PPD) which takes into account both the screen resolution and the distance from which the device is viewed. Based on Jobs' magic number of 300, the threshold for a Retina Display starts at a PPD value of 53. 53 PPD means that a tall skinny triangle with a height equal to the viewing distance and a top angle of one degree will have a base on the device's screen that covers 53 pixels. Any display's viewing quality (from phone displays to huge projectors) can be described with this size-independent universal parameter. Note that the PPD parameter is not an intrinsic parameter of the display itself, unlike absolute pixel resolution (e.g. 1024 x 800 pixels) or relative pixel density (e.g. 72 PPI), but is dependent on the distance between the display and the eye of the person (or lens of the device) viewing the display; moving the eye closer to the display reduces the PPD, and moving away from it increases the PPD in proportion to the distance. It can be calculated by multiplying the distance to the screen times the resolution of the screen in pixels per unit length times twice the Tan of π divided by 360 (equal to half a degree in radians). Remember to use units, whether imperial or metric, consistently in applying this formula. If the distance to the screen is measured in inches, then the resolution of the screen must be in PPI. If the distance to the screen is measured in centimeters, the resolution of the screen must be in PPC. Two times the Tan of π divided by 360 can also be approximated with π divided by 180 (= 0.01745). In practice, thus far Apple has converted a device's display to Retina by doubling the number of pixels in each direction, quadrupling the total resolution. This increase, combined with the size-doubling of the user interface, creates a sharper interface at the same physical dimensions. MULTIMEDIA Page 3 SEM III CASE STUDY Some Stuff about PIXEL DENSITY Pixels per centimeter (ppcm), Pixels per inch (PPI) or pixel density is a measurement of the resolution of devices in various contexts: typically computer displays, image scanners, and digital camera image sensors. Ppcm can also describe the resolution, in pixels, of an image to be printed within a specified space. Note, the unit is not square centimeters. For instance, a 100×100 pixel image that is printed in a 1 cm square has a resolution of 100 pixels per centimeter (ppcm). Used in this way, the measurement is meaningful when printing an image. It has become commonplace to refer to PPI as DPI, which is incorrect because PPI always refers to input resolution. Good quality photographs usually require 300 pixels per inch, at 100% size, when printed onto coated paper stock, using a printing screen of 150 lines per inch (lpi). This delivers a quality factor of 2, which delivers optimum quality. The lowest acceptable quality factor is considered to be 1.5, which equates to printing a 225ppi image using a 150 lpi screen onto coated paper Screen frequency is determined by the type of paper that the image is to be printed on. An absorbent paper surface, uncoated recycled paper for instance, will allow the droplets of ink to spread (dot gain), and so requires a more open printing screen. Input resolution can therefore be reduced in order to minimize file size without any loss in quality, as long as the quality factor of 2 is maintained. This is easily determined by doubling the line frequency. For example, printing on an uncoated paper stock often limits the printing screen frequency to no more than 120 lpi, therefore, a quality factor of 2 is achieved with images of 240 ppi. MULTIMEDIA Page 4 SEM III CASE STUDY Calculation of monitor PPI Theoretically, PPI can be calculated from knowing the diagonal size of the screen in inches and the resolution in pixels (width and height). This can be done in two steps: 1. Calculate diagonal resolution in pixels using the Pythagorean Theorem: 2. Calculate PPI: where is diagonal resolution in pixels is width resolution in pixels is height resolution in pixels is diagonal size in inches (this is the number advertised as the size of the display). For example, for a 21.5 inch (54.61 cm) screen with a 1920×1080 resolution (in which = 1920, = 1080 and = 21.5), we get 102.46 PPI; for a typical 10.1 inch netbook screen with a 1024×600 resolution (in which = 1024, = 600 and = 10.1), we get 117.5 PPI. Note that these calculations may not be very precise. Frequently, screens advertised as “X inch screen” can have their real physical dimensions of viewable area differ, for example: Apple Inc.'s Mid-2011 iMac is advertised as a "21.5 inch (viewable) [...] display," but its actual viewable area is 545.22 mm or 21.465 inches. The more precise figure increases the calculated PPI from 102.46 (using 21.5) to 102.63. The HP LP2065 20 inch (50.8 cm) monitor has an actual viewable area of 20.1 inch (51 cm). MULTIMEDIA Page 5 SEM III CASE STUDY INSIGHTS Calculating PPI of camera screens Camera manufacturers often quote camera screens in 'number of dots'. This is not the same as the number of pixels, because there are 3 'dots' per pixel – red, green and blue. For example, the Canon 50d is quoted as having 920,000 dots. This translates as 307,200 pixels (x3 = 921,600 dots). Thus the screen is 640×480 pixels This must be taken into account when working out the PPI. Using the above calculations, you require the screen's dimensions, but other methods require you to have the total pixels, not total dots. 'Dots' and 'pixels' are often confused in reviews and specs when viewing information about digital cameras specifically. Scanners and cameras "PPI" or "pixel density" may also be used to describe the resolution of an image scanner. In this context, PPI is synonymous with samples per inch. In digital photography, pixel density is the number of pixels divided by the area of the sensor. A typical DSLR circa 2013 will have 1–6.2 MP/cm2; a typical compact will have 20–70 MP/cm2. For example Sony Alpha SLT-A58 has 20.1 megapixels on an APS-C sensor having 6.2 MP/cm2 since a compact camera like Sony Cyber-shot DSC-HX50V has 20.4 megapixels on an 1/2.3" sensor having 70 MP/cm2. Interestingly, as can be seen here, the professional camera has a lower PPI than a compact camera, because it has larger photodiodes due to having far larger sensors. Named pixel densities The Google Android developer documentation groups displays by their approximate pixel densities into the following categories: LDPI: Low density, ~120 dots per inch MDPI: Medium density, ~160 dots per inch HDPI: High density, ~240 dots per inch XHDPI: eXtra High density, ~320 dots per inch XXHDPI: eXtra eXtra High density, ~480 dots per inch XXXHDPI: eXtra eXtra eXtra High density, ~640 dots per inch Metrication The digital publishing industry often uses "pixels per centimeter" instead of "pixels per inch". MULTIMEDIA Page 6 SEM III CASE STUDY Resolution independence Resolution independence is a computing concept whereby elements on a computer screen are rendered at sizes independent from the pixel grid, resulting in a UI that is displayed at a consistent size, regardless of the size of the screen.
Recommended publications
  • What Resolution Should Your Images Be?
    What Resolution Should Your Images Be? The best way to determine the optimum resolution is to think about the final use of your images. For publication you’ll need the highest resolution, for desktop printing lower, and for web or classroom use, lower still. The following table is a general guide; detailed explanations follow. Use Pixel Size Resolution Preferred Approx. File File Format Size Projected in class About 1024 pixels wide 102 DPI JPEG 300–600 K for a horizontal image; or 768 pixels high for a vertical one Web site About 400–600 pixels 72 DPI JPEG 20–200 K wide for a large image; 100–200 for a thumbnail image Printed in a book Multiply intended print 300 DPI EPS or TIFF 6–10 MB or art magazine size by resolution; e.g. an image to be printed as 6” W x 4” H would be 1800 x 1200 pixels. Printed on a Multiply intended print 200 DPI EPS or TIFF 2-3 MB laserwriter size by resolution; e.g. an image to be printed as 6” W x 4” H would be 1200 x 800 pixels. Digital Camera Photos Digital cameras have a range of preset resolutions which vary from camera to camera. Designation Resolution Max. Image size at Printable size on 300 DPI a color printer 4 Megapixels 2272 x 1704 pixels 7.5” x 5.7” 12” x 9” 3 Megapixels 2048 x 1536 pixels 6.8” x 5” 11” x 8.5” 2 Megapixels 1600 x 1200 pixels 5.3” x 4” 6” x 4” 1 Megapixel 1024 x 768 pixels 3.5” x 2.5” 5” x 3 If you can, you generally want to shoot larger than you need, then sharpen the image and reduce its size in Photoshop.
    [Show full text]
  • JPEG File Interchange Format Version 1.02
    JPEG File Interchange Format Version 1.02 September 1, 1992 Eric Hamilton C-Cube Microsystems 1778 McCarthy Blvd. Milpitas, CA 95035 +1 408 944-6300 Fax: +1 408 944-6314 E-mail: [email protected] JPEG File Interchange Format Version 1.02 Why a File Interchange Format JPEG File Interchange Format is a minimal file format which enables JPEG bitstreams to be exchanged between a wide variety of platforms and applications. This minimal format does not include any of the advanced features found in the TIFF JPEG specification or any application specific file format. Nor should it, for the only purpose of this simplified format is to allow the exchange of JPEG compressed images. JPEG File Interchange Format features • Uses JPEG compression • Uses JPEG interchange format compressed image representation • PC or Mac or Unix workstation compatible • Standard color space: one or three components. For three components, YCbCr (CCIR 601-256 levels) • APP0 marker used to specify Units, X pixel density, Y pixel density, thumbnail • APP0 marker also used to specify JFIF extensions • APP0 marker also used to specify application-specific information JPEG Compression Although any JPEG process is supported by the syntax of the JPEG File Interchange Format (JFIF) it is strongly recommended that the JPEG baseline process be used for the purposes of file interchange. This ensures maximum compatibility with all applications supporting JPEG. JFIF conforms to the JPEG Draft International Standard (ISO DIS 10918-1). The JPEG File Interchange Format is entirely compatible with the standard JPEG interchange format; the only additional requirement is the mandatory presence of the APP0 marker right after the SOI marker.
    [Show full text]
  • Overview Known Issues Platform Support Windows Linux Mac Setup
    LiveCode 6.5.0 Release Notes 11/27/13 Overview Known issues Platform support Windows Linux Mac Setup Installation Uninstallation Reporting installer issues Activation Multi-user and network install support (4.5.3) Command-line installation Command-line activation Proposed changes Engine changes Full screen scaling mode. Improved image editing tools. Take account of keyboard visibility in Android "effective working screenrect". Notify engine of changes to keyboard visibility. Crash when attempting to print to file on linux. Fullscreen modes cause clipped text on Windows Printing text to PDF on Windows can result in poor layout. Server graphics support The fullscreenModes are now camel-case. PCRE library updated to version 8.33 libUrlSetSSLVerification now supported on mobile platforms Resolution Independence New Graphics Layer Multiple Density Support Density Mapped Images Future Plans More control over automatic scaling Hi-DPI support on desktop platforms. New global property colorDialogColors Integration of revFont external Enhanced 'filter' command Filtering items Matching regular expressions Storing the output in another container Adoption of 'convert' semantics Backward compatibility Text Measurement The optional *recursively* adverb has been added to union and intersect commands 1 LiveCode 6.5.0 Release Notes 11/27/13 Xpath functions Syntax Usage Standalones now set default font settings the same as the IDE. Setting the filename of an image which already has a filename causes the property to be unset and 'could not load image' in
    [Show full text]
  • Printing Terms
    Printing Terms Bitmap - Also called a BMP or a raster image. A digital image that is pixel based and resolution dependent. Bit-mapped images loose sharpness and clarity when reduced or enlarged. These files are specified as a number of pixels wide by the number of pixels high. The number of bits per pixel determines the number of shades of grey or colors it can represent. Bitmaps come in many file formats, a few are GIF, JPEG, TIFF, BMP, PICT, and PSD. These types of images are created in paint programs, by scanning and by digital cameras. Bit- mapped files can also be placed or imported into a vector based file, but they remain raster images. For the promotional products industry, bit-mapped or raster images are not usually the preferred type of art for vendors to work with as they are more difficult to make adjustments such as re-sizing. CMYK - A color model where all the colors are made up of a combination of four process colors. CMYK is an abbreviation for cyan (a blue color), magenta (a red color), yellow and key (black). Color Separations - The process of separating the areas of a piece of art to be printed into its component spot or process ink colors. Each color to be printed must have its own printing plate. For example, if a piece of art was to be printed in 3 spot colors, such as PMS 185C Red, PMS 288C Blue and Black, there would be 3 plates. Each of the 3 plates would contain only the elements to be printed in a specific color.
    [Show full text]
  • Guide to Digital Art Specifications
    Guide to Digital Art Specifications Version 12.05.11 Image File Types Digital image formats for both Mac and PC platforms are accepted. Preferred file types: These file types work best and typically encounter few problems. tif (TIFF) jpg (JPEG) psd (Adobe Photoshop document) eps (Encapsulated PostScript) ai (Adobe Illustrator) pdf (Portable Document Format) Accepted file types: These file types are acceptable, although application versions and operating systems can introduce problems. A hardcopy, for cross-referencing, will ensure a more accurate outcome. doc, docx (Word) xls, xlsx (Excel) ppt, pptx (PowerPoint) fh (Freehand) cdr (Corel Draw) cvs (Canvas) Image sizing specifications should be discussed with the Editorial Office prior to digital file submission. Digital images should be submitted in the final size desired. White space around the image should be removed. Image Resolution The minimum acceptable resolution is 200 dpi at the desired final size in the paged article. To ensure the highest-quality published image, follow these optimum resolutions: • Line = 1200 dpi. Contains only black and white; no shades of gray. These images are typically ink drawings or charts. Other common terms used are monochrome or 1-bit. • Grayscale or Color = 300 dpi. Contains no text. A photograph or a painting is an example of this type of image. • Combination = 600 dpi. Grayscale or color image combined with a line image. An example is a photograph with letter labels, arrows, or text added outside the image area. Anytime a picture is combined with type outside the image area, the resolution must be high enough to maintain smooth, readable text.
    [Show full text]
  • Resolution and LPI
    Resolution and LPI Pixels: Raster graphics are made up of a grid of pixels. When viewing 100% or less on a monitor (72 dpi resolution) the individual pixels are not visible to the eye. If the dpi is lower such as in Example 1 you can see the individual pixels and can't really tell what the image is. Similar to when you zoom in on an image. Images that are only going to be viewed on the screen can be created or scanned at 72 dpi DPI or PPI: Dots per Inch or Pixels per Inch. Monitor and Scanning DPI/PPI: You will hear these terms used interchangably and in this case they refer to monitor view perimeters or the scanning resolution you select. When scanning or creating an image to be viewed on a monitor or projection device the dpi/ppi should be the same as the monitor - thus 72 dpi or a 1:1 ratio. Printer DPI/PPI: Your output device has a dpi resolution also. This is the number of dots it can create within a square inch. Example 2 shows that on a laser Example 1: Pixels Enlarged printer a number of dots can make up a halftone dot depending on the line screen selected (more about that later). When scanning or creating images that will be printed you need to capture more information about the image due to the printing process. The ratio you utilize must then be higher. But how high is enough. If your dpi is very high the file is huge.
    [Show full text]
  • A Future Projection of Hardware, Software, and Market Trends of Tablet Computers
    A Future Projection of Hardware, Software, and Market Trends of Tablet computers Honors Project In fulfillment of the Requirements for The Esther G. Maynor Honors College University of North Carolina at Pembroke By Christopher R. Hudson Department of Mathematics and Computer Science April 15,2013 Name Date Honors CoUege Scholar Name Date Faculty Mentor Mark Nfalewicz,/h.D. / /" Date Dean/Esther G/Maynor Honors College Acknowledgments We are grateful to the University of North Carolina Pembroke Department of Computer Science for the support of this research. We are also grateful for assistance with editing by Jordan Smink. ii TABLE OF CONTENTS Abstract........................................................................................................................................... 1 Background..................................................................................................................................... 2 Materials and Methods.................................................................................................................... 3 Results……..................................................................................................................................... 5 Discussion...................................................................................................................................... 8 References..................................................................................................................................... 10 iii List of Tables Table 1 Page 7
    [Show full text]
  • Preparing Images for Powerpoint, the Web, and Publication a University of Michigan Library Instructional Technology Workshop
    Preparing Images for PowerPoint, the Web, and Publication A University of Michigan Library Instructional Technology Workshop What is Resolution? ....................................................................................................... 2 How Resolution Affects File Memory Size ................................................................... 2 Physical Size vs. Memory Size ...................................................................................... 3 Thinking Digitally ........................................................................................................... 4 What Resolution is Best For Printing? ............................................................................ 5 Professional Publications ............................................................................................................................. 5 Non-Professional Printing ........................................................................................................................... 5 Determining the Resolution of a Photo ........................................................................ 5 What Resolution is Best For The Screen? ..................................................................... 6 For PowerPoint ............................................................................................................................................. 6 For Web Graphics ........................................................................................................................................
    [Show full text]
  • Bestpractice
    The Innovative Instructor BestForum Practice Center for September 2010 c Educational e r Resources Image Resolution Reid Sczerba, Multimedia Developer, CER What it is What this is Image resolution is a concept that always The Innovative Instructor is a forum comes up when working with digital images. that publishes articles related to The resolution of an image has implications teaching excellence at Johns Hopkins for the final output of the image, whether that output is a printed poster or an image on a website. An understanding of image About the CER resolution ensures that the end result is The Center for Educational Resources clear, crisp, and of an appropriate file size. partners with faculty and graduate students to extend instructional impact by connecting innovative Why it matters How to do it teaching strategies and instructional Choosing a resolution that is too low will The term, “resolution,” refers to the num- technologies produce images that appear blurry or fuzzy ber of visual elements found within a phys- when printing. Printed products that are ical unit of measure. Every image, digital or For information on blurry will appear unprofessional, reducing not, is made up of tiny elements of color. how to contribute to their effectiveness. Understanding screen For print media, these elements are the The Innovative Instructor or resolution is also essential when sizing grains in photographic film or the colored to access archived articles, images for both websites and PowerPoint dots in a magazine. The same is true for presentations to ensure a fast load time. digital images: they are made up of an ar- please visit our website Fortunately, these complications can be ray of colored square pixels, like tiles in a • www.cer.jhu.edu/ii accommodated if resolution is considered mosaic.
    [Show full text]
  • Gnustep-Gui Improvements
    GNUstep-gui Improvements Author: Eric Wasylishen Presenter: Fred Kiefer Overview ● Introduction ● Recent Improvements ● Resolution Independence ● NSImage ● Text System ● Miscellaneous ● Work in Progress ● Open Projects 2012-02-04 GNUstep-gui Improvements 2 Introduction ● Cross-platform (X11, Windows) GUI toolkit, fills a role similar to gtk ● Uses cairo as the drawing backend ● License: LGPLv2+; bundled tools: GPLv3+ ● Code is copyright FSF (contributors must sign copyright agreement) ● Latest release: 0.20.0 (2011/04) ● New release coming out soon 2012-02-04 GNUstep-gui Improvements 3 Introduction: Nice Features ● Objective-C is a good compromise language ● Readable, Smalltalk-derived syntax ● Object-Oriented features easy to learn ● Superset of C ● OpenStep/Cocoa API, which GNUstep-gui follows, is generally well-designed 2012-02-04 GNUstep-gui Improvements 4 Recent Improvements: Resolution Independence ● Basic problem: pixel resolution of computer displays varies widely 2012-02-04 GNUstep-gui Improvements 5 Resolution Independence ● In GNUstep-gui we draw everything with Display PostScript commands and all graphics coordinates are floating-point, so it would seem to be easy to scale UI graphics up or down ● Drawing elements ● Geometry ● Images ● Text 2012-02-04 GNUstep-gui Improvements 6 Resolution Independence ● Challenges: ● Auto-sized/auto-positioned UI elements should be aligned on pixel boundaries ● Need a powerful image object which can select between multiple versions of an image depending on the destination resolution (luckily NSImage is capable) 2012-02-04 GNUstep-gui Improvements 7 Recent Improvements: NSImage ● An NSImage is a lightweight container which holds one or more image representations (NSImageRep) ● Some convenience code for choosing which representation to use, drawing it, caching..
    [Show full text]
  • JHC DIGITAL ART December 20, 2011
    JHC DIGITAL ART December 20, 2011 JHC - Digital Art Checklist GENERAL Figures intended for color are saved in RGB Figures intended for grayscale or black and white are saved in Grayscale format Figures and panels intended as single composites are supplied as a single file Sizing Figures are no wider than 6.75” (17.1 cm) and no taller than 8.75” (22.2 cm) Layout Spacing (routing) between panels in each figure is uniform, ~1-2mm wide, and white in color Figures are laid out in Portrait (8.5 x 11) orientation Labeling Figures have been numbered sequentially in Arabic numerals (1, 2, 3, etc.) Figure panels have been labeled in upper-case letters only Panel labels are in the same position throughout set Fonts used in labeling are Times, Times New Roman, Arial, Sabon, or Frutiger Color Figures are in RGB format and have an ICC color profile embedded. Authors have examined color View figures in CMYK to ensure color loss from RGB to CMYK conversion does not compromise the figure content (Print version is in CMYK; Online version is in RGB) FIGURE TYPES 1) Half-tone (photographic, continuous tone) Figures: - If in a rasterized file format (TIFF, Bitmap, etc…) Resolution minimum is 300dpi Size as intended for production - If in a presentation, line-art, or vector graphics format (Illustrator, PowerPoint)… Continuous tone images and scans were embedded with at least 300 DPI Fonts used were Times, Times New Roman, Arial, Sabon, or Frutiger Supported file format was used 2) Line-Art (vector graphics, schematics, graphs) Figures: -
    [Show full text]
  • Glossary of Terms
    Glossary of Terms Bandwidth: Bandwidth is the amount of information your connection to the Internet can carry, usually measured in bits per second. Banner: A banner is a graphic that is placed around a website for the use of advertising. Graphics can use static images and text, or even be animated. Banners are a great way to draw attention to special information or offers, whether it's on your site or an external site. Browser: A browser is the software you use to view web pages - in fact you're using one right now! Google Chrome, Mozilla Firefox, and Internet Explorer are some of the more common browsers, but there are others like Safari and Opera. Since each one is different, pages can vary in appearance depending on what browser is used. This has to be taken into account when designing and testing websites. CMS: Short for "Content Management System," a CMS allows a number of users to create and change website content through the use of WSYIWIG editors, without the need for HTML knowledge. Because the CMS is online, there is no need for external programs or uploading of separate page documents, and content can be published or unpublished with a single click. Compression: Compression makes files smaller for faster upload/download times, and less disk space usage. JPEGs use compression, making them ideal for web, but can lead to loss of image quality if re-saved multiple times. Cookie: A cookie is a message given to a web browser (the application you use to get online) by a web server.
    [Show full text]