Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Images

memorize.ai (lvl 286)

(0)

11 cards

()

Section 1

Preview this deck

PNG

Front

1 / 11

TypeScript

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

7 years ago

Date created

Mar 1, 2020

Cards (11)

Section 1

(11 cards)

PNG

Front

Portable Network Graphics (.png) - PNG-8 & PNG-24 - Supports transparencies PNG-8 - 256 colors - Transparent pixels - Larger file sizes than GIFs PNG-24 - 17 million "True Color Space" - Transparent pixels - Lossless compression - Larger size than JPEG

Back

align="left, center, right"

Front

Aligns text/image

Back

vspace="#"

Front

Adds padding in pixels to the top & bottom of image

Back

hspace="#"

Front

Adds padding in pixels to the left & right of the image

Back

<img>

Front

Standalone tag - Used to insert image on page

Back

Requires <img> attributes

Front

src="URL" (address to image file) alt="some text" (alt. text, text if image doesn't show up/blind), helps Google image searches) height & width="pixels or %"

Back

GIF

Front

Graphics Interchange Format (.gif) - 8 bit color (256) - Compresses # of colors - Use on buttons, logos, icons, illustrations, images w/flat areas of color - Can do animations - Not good for transparencies (use PNG-24) - Loss of colors

Back

Background images

Front

<body background="imagename.gif">

Back

JPEG

Front

Joint Photographic Experts Group (.jpg) - 24 bit color (17 million) "True Color Space" - Compresses detail - Use on photographs, smooth gradients, image w/lot of color - Losses details, blotchy ares w/solid colors

Back

Don't use these images:

Front

- WBM (wireless bitmap - black & white for cell phones) - BMP (bitmap picture - old)

Back

What resolution should images have for the web?

Front

72 dpi/ppi (dots/in. / pixels/in.) - Saving images w/higher dpi = image appears larger on web

Back