Graphics - Revision history

Bfluellen1: Blanked the page

2012-11-26T14:57:29Z

Blanked the page

← Older revision		Revision as of 10:57, 26 November 2012
Line 1:		Line 1:
	Graphics are visual illustrations used to inform and direct the audience. When writing for the web, graphics play a key part to attract readers. Graphics heighten the audience's attention, thus making the information more credible and professional. It allows web users can better understand a particular concept, thus making graphics clear, interesting, and memorable.


	~~==Templates==~~
	~~Templates serve as the traditional format that people use to copy and edit for their own purposes.~~

	~~===Be careful about the template being used ===~~

	To be safe, using traditional templates on sites such as [[Linked In]] and [[Wordpress]] are strongly suggested. Steering away from the norm can turn the audience off. Customizing a template may come off as unprofessional as well. However, on sites such as [[About Me]] and similar sites, customizing is necessary. Though About Me has traditional graphic templates, they are stale and often used by many. Make sure that visual images being used are professionally done. Also, make sure that fonts and backgrounds on the template contrast. WIth light colored templates use dark fonts, and dark colored templates use light fonts.

	~~==Pictures==~~

	~~[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]~~

	~~[[File:JPEG example JPG RIP 100.jpg\|thumb\|right\|Using a low compressed JPEG ratio results in the image being sharper, crisp, and clean.]]~~

	~~[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]~~

	Pictures on sites should be high quality. Pixilated and high contrast photos create dullness to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Graphics ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and your credibility.

	~~Formatting pictures has numerous file formats; however, the two most common are '''JPEG''' and '''GIF'''.~~

	~~===JPEG===~~
	~~Images commonly known as Joint Photographic Experts Group.~~

	JPEGs is typically the most utilized format for graphic images. Typically images that are digital and color photography need to use this compression format. JPEG compression contains full color or gray scale. JPEG compression format possess a large range of colors too. JPEGs capture the "realistic" scenes in the images. According to Sarah Horton, "The more a photo is squeezed with JPEG compression, the more quality the photo loses." Saving an original image is strongly cautioned. Once a photo has been tweaked, the original image is lost and cannot be retrieved.

	~~=====Advantages of JPEG =====~~
	* JPEG download at quicker rates.
	* JPEG has a larger color range than GIF.
	* JPEG creates better images for professionally done images.

	~~===GIF===~~

	~~Images commonly known as Graphics Interchange Format.~~

	Majority of graphics on the web support the GIFs, which is because they are compact. GIF compression is typically 8-bit. The small bit rate causes the the file compression format to only support 256 colors, instead of millions of colors like JPEG.

	GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly.According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." Typically, GIFs can seen throughout the web, yet they are commonly seen on Internet forums and media coverage blogs--creating comic relief. Make sure that the GIF being used is professional and connects with what the site's central theme or message is.

	~~=====Advantages of GIFs =====~~
	* GIF images are commonly supported on the web.
	* GIF images look better online.

	~~==See Also==~~
	* [[Scanability]]
	* [[Expertise]]
	* [[Design]]

	~~==References==~~
	~~# Lynch, Patrick J., Horton, Sarah. [http://webstyleguide.com/wsg3/index.html/ "Web Style Guide, 3rd Edition"]. Web Style Guide. (2009). Print. Retrieved 12 Nov 2012.~~
	~~# George, James. [http://www.sitepoint.com/gif-jpg-png-whats-difference/ "GIF, JPG, and PNG - What is the difference"]. 11 Aug 2011. Web. Retrieved 12 Nov 2012.~~

Bfluellen1: re-wording

2012-11-14T20:11:29Z

re-wording

← Older revision		Revision as of 16:11, 14 November 2012
Line 35:		Line 35:
	Images commonly known as Graphics Interchange Format.		Images commonly known as Graphics Interchange Format.

	Majority of graphics on the web support the GIFs. GIF ~~are~~ typically 8-bit, only ~~supporting~~ 256 colors~~. According to Sarah Horton~~, ~~"GIFs lose compression to keep the file size at a minimum without destroying the photo's quality~~." GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly. Typically, GIFs are ~~used~~ on Internet forums and media coverage blogs.		Majority of graphics on the web support the GIFs, which is because they are compact. GIF compression is typically 8-bit. The small bit rate causes the the file compression format to only support 256 colors, instead of millions of colors like JPEG.

			GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly.According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." Typically, GIFs can seen throughout the web, yet they are commonly seen on Internet forums and media coverage blogs--creating comic relief. Make sure that the GIF being used is professional and connects with what the site's central theme or message is.

	=====Advantages of GIFs =====		=====Advantages of GIFs =====

Bfluellen1: /* See Also */

2012-11-14T20:01:31Z

Bfluellen1: /* Pictures */

2012-11-14T20:01:02Z

Pictures

← Older revision		Revision as of 16:01, 14 November 2012
Line 19:		Line 19:
	Pictures on sites should be high quality. Pixilated and high contrast photos create dullness to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Graphics ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and your credibility.		Pictures on sites should be high quality. Pixilated and high contrast photos create dullness to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Graphics ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and your credibility.

	Formatting pictures has numerous file formats; however, the two most common are JPEG and GIF.		Formatting pictures has numerous file formats; however, the two most common are '''JPEG''' and '''GIF'''.

	===JPEG===		===JPEG===

Bfluellen1: /* Pictures */

2012-11-14T19:58:34Z

Pictures

← Older revision		Revision as of 15:58, 14 November 2012
Line 12:		Line 12:

	[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]		[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]

			[[File:JPEG example JPG RIP 100.jpg\|thumb\|right\|Using a low compressed JPEG ratio results in the image being sharper, crisp, and clean.]]

	[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]		[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

Bfluellen1: /* Pictures */

2012-11-14T19:55:26Z

Pictures

← Older revision		Revision as of 15:55, 14 November 2012
Line 10:		Line 10:

	==Pictures==		==Pictures==

			[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]

	[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]		[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

Bfluellen1 at 19:46, 14 November 2012

2012-11-14T19:46:25Z

← Older revision		Revision as of 15:46, 14 November 2012
Line 1:		Line 1:
	Graphics are visual illustrations used to inform and direct the audience. When writing for the web, graphics play a key part to attract readers. Graphics heighten the audience's attention, thus making the information more credible and professional. It allows web users can better understand a particular concept, thus making graphics clear, interesting, and memorable.		Graphics are visual illustrations used to inform and direct the audience. When writing for the web, graphics play a key part to attract readers. Graphics heighten the audience's attention, thus making the information more credible and professional. It allows web users can better understand a particular concept, thus making graphics clear, interesting, and memorable.


	==Templates==		==Templates==
Line 9:		Line 10:

	==Pictures==		==Pictures==

			[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

	Pictures on sites should be high quality. Pixilated and high contrast photos create dullness to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Graphics ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and your credibility.		Pictures on sites should be high quality. Pixilated and high contrast photos create dullness to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Graphics ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and your credibility.
Line 25:		Line 28:

	===GIF===		===GIF===
	~~[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]~~

	Images commonly known as Graphics Interchange Format.		Images commonly known as Graphics Interchange Format.

Bfluellen1: /* Pictures */

2012-11-14T19:43:42Z

Pictures

← Older revision		Revision as of 15:43, 14 November 2012
Line 14:		Line 14:
	Formatting pictures has numerous file formats; however, the two most common are JPEG and GIF.		Formatting pictures has numerous file formats; however, the two most common are JPEG and GIF.

	~~===File Formats for Pictures===~~		===JPEG===

	====JPEG====
	Images commonly known as Joint Photographic Experts Group.		Images commonly known as Joint Photographic Experts Group.

Line 26:		Line 24:
	* JPEG creates better images for professionally done images.		* JPEG creates better images for professionally done images.

	====GIF====		===GIF===
	[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]		[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

Bfluellen1: /* GIF */

2012-11-14T19:42:56Z

GIF

← Older revision		Revision as of 15:42, 14 November 2012
Line 27:		Line 27:

	====GIF====		====GIF====
			[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

	Images commonly known as Graphics Interchange Format.		Images commonly known as Graphics Interchange Format.

	~~[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]~~

	Majority of graphics on the web support the GIFs. GIF are typically 8-bit, only supporting 256 colors. According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly. Typically, GIFs are used on Internet forums and media coverage blogs.		Majority of graphics on the web support the GIFs. GIF are typically 8-bit, only supporting 256 colors. According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly. Typically, GIFs are used on Internet forums and media coverage blogs.

Bfluellen1 at 19:39, 14 November 2012

2012-11-14T19:39:54Z

← Older revision		Revision as of 15:39, 14 November 2012
Line 28:		Line 28:
	====GIF====		====GIF====
	Images commonly known as Graphics Interchange Format.		Images commonly known as Graphics Interchange Format.

			[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

	Majority of graphics on the web support the GIFs. GIF are typically 8-bit, only supporting 256 colors. According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly. Typically, GIFs are used on Internet forums and media coverage blogs.		Majority of graphics on the web support the GIFs. GIF are typically 8-bit, only supporting 256 colors. According to Sarah Horton, "GIFs lose compression to keep the file size at a minimum without destroying the photo's quality." GIF images consist of a set images that are displayed in a set order. They tend to be moving graphic (or animated) images that loop endlessly. Typically, GIFs are used on Internet forums and media coverage blogs.

	~~[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]~~

	=====Advantages of GIFs =====		=====Advantages of GIFs =====

← Older revision		Revision as of 15:58, 14 November 2012
Line 12:		Line 12:

	[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]		[[File:JPEG example JPG RIP 001.jpg\|thumb\|right\|Notice how this high compressed JPEG results in the photo being fuzzy.]]

			[[File:JPEG example JPG RIP 100.jpg\|thumb\|right\|Using a low compressed JPEG ratio results in the image being sharper, crisp, and clean.]]

	[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]		[[File:bananashoe.gif\|thumb\|right\|An example of a GIF animation. Notice how the image continuously loops.]]

← Older revision		Revision as of 16:01, 14 November 2012
Line 42:		Line 42:

	==See Also==		==See Also==
	* [[~~scanability~~]]		* [[Scanability]]
	* [[~~expertise~~]]		* [[Expertise]]
	* [[~~design~~]]		* [[Design]]


	==References==		==References==
	# Lynch, Patrick J., Horton, Sarah. [http://webstyleguide.com/wsg3/index.html/ "Web Style Guide, 3rd Edition"]. Web Style Guide. (2009). Print. Retrieved 12 Nov 2012.		# Lynch, Patrick J., Horton, Sarah. [http://webstyleguide.com/wsg3/index.html/ "Web Style Guide, 3rd Edition"]. Web Style Guide. (2009). Print. Retrieved 12 Nov 2012.
	# George, James. [http://www.sitepoint.com/gif-jpg-png-whats-difference/ "GIF, JPG, and PNG - What is the difference"]. 11 Aug 2011. Web. Retrieved 12 Nov 2012.		# George, James. [http://www.sitepoint.com/gif-jpg-png-whats-difference/ "GIF, JPG, and PNG - What is the difference"]. 11 Aug 2011. Web. Retrieved 12 Nov 2012.