Scalable Assets Presentation

Nigel Barber @mindbrix

scalable assets

BITMAPS ARE FROM MARS Vectors are from Venus • Smoother work ﬂow • Efﬁciency • Save time • Future proof

Vectors, vectors, everywhere • Fonts • Character Viewer • Apple Symbols (glyph variants) • The web • thenounproject.com • Google: filetype:eps • Your pencil • straight edge and compass

A sample work ow • Create in Illustrator • Renderer is not Quartz • Save a copy as EPS • Edge to edge • Huge ﬁles (© Adobe) • Convert to PDF • Preview does use Quartz • Small ﬁles (e.g. 400K → 8K ≈ 50x less)

Rendering • iOS - UIImage+PDF • https://github.com/mindbrix/UIImage-PDF • +(UIImage *) imageWithPDFNamed:(NSString *)resourceName atSize:(CGSize)size; • +(UIImage *) imageWithPDFNamed:(NSString *)resourceName atWidth:(CGFloat)width; • +(UIImage *) imageWithPDFNamed:(NSString *)resourceName atHeight:(CGFloat)height; • +(UIImage *) originalSizeImageWithPDFNamed:(NSString *)resourceName; • OS X -(NSImage *)pdfImageNamed:(NSString *)name atWidth:(float)width { NSString *pdfPath = [[ NSBundle mainBundle ] pathForResource:name ofType:@"pdf" ]; NSPDFImageRep *pdfRep = [ NSPDFImageRep imageRepWithContentsOfFile: pdfPath ]; float pdfAspect = pdfRep.bounds.size.width / pdfRep.bounds.size.height; NSImage *pdfImage = [[[ NSImage alloc ] init ] autorelease ]; pdfImage.scalesWhenResized = YES; pdfImage.size = NSMakeSize( width, width / pdfAspect ); [ pdfImage addRepresentation: pdfRep ]; return pdfImage; }

One PDF, many sizes...

One PDF, many sizes

Nigel Barber @mindbrix

#indieApps

Scalable Assets Presentation

by Nigel Barber on Feb 10, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 4

Statistics

Scalable Assets Presentation — Presentation Transcript

http://www.linkedin.com	2
http://localhost	2