product@dailybot.com
Run successful remote and hybrid teams
http://rockalabs.com/
LET'S BUILD TOGETHER
@lauraguirre011
LAURA AGUIRRE
PRODUCT DESIGNER
IMAGE PREFERENCES
WORKSHOP
Create a document in Illustrator and export icons.
LET'S BUILD TOGETHER
IMAGES
Illustrations, Backgrounds, Photographics
LET'S BUILD TOGETHER
Images on a web
LET'S BUILD TOGETHER
After
1.31 MB
Before
4.39 MB
3.635 px * 5.453 px
Optimization Weight image
Weight 4,39 MB
LET'S BUILD TOGETHER
Referents to compress images
1. https://compressor.io/ web
2. http://www.jpegmini.com/ web
3. https://imageoptim.com/ app mac
LET'S BUILD TOGETHER
70%
1.388 px * 1.920 px
3.635 px * 5.453 px
Optimization Size image
After
1.5 MB
Before
4.39 MB
LET'S BUILD TOGETHER
ICONS
Assets, Resources
LET'S BUILD TOGETHER
Format
Untis
Raster effects
Mode Color
Screen
LET'S BUILD TOGETHER
Formats
.jpg
.png
.tiff
.eps
.svg
Joint Photographic Experts
Portable Network Graphics
Tagged Image File Format
Portable Document Format
Scalable Vector Graphics
PostScript encapsulado
LET'S BUILD TOGETHER
.jpg
.png
.svg
.eps
50 px
200 px
200 px
50 px
.tiff
LET'S BUILD TOGETHER
Untis
pt Point
in Inche
mm Millimetre
cm Centimetres
px Pixeles
LET'S BUILD TOGETHER
300
Raster effects
72
150
PPI - DPI
Pixels Per Inch - Dots Per Inch
Screen
LET'S BUILD TOGETHER
Raster effects
LET'S BUILD TOGETHER
Color Mode
Red
Green
Blue
Cyan
Magenta
Yellow
Key
Screen
LET'S BUILD TOGETHER
Format
Untis
Raster effects
Mode Color
.png / .svg
px
72 dpi
RGB
.jpg / .pdf
cm / mm
300 dpi
CMYK
Screen
LET'S BUILD TOGETHER
WORKSHOP
Create a document in Illustrator and export icons.
48 px * 48 px
96 px * 96 px
LET'S BUILD TOGETHER
http://rockalabs.com
@lauraguirre011
LAURA AGUIRRE
PRODUCT DESIGNER
IMAGE PREFERENCES WORKSHOP
By product@dailybot.com
IMAGE PREFERENCES WORKSHOP
Learning about create a document in Illustrator, images formats and how export images and icons.
