Photos: Difference between revisions

From LitWiki
(Created page with "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...")
 
(added another reference)
 
(42 intermediate revisions by 3 users not shown)
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.
[[Web_Based_Digital_Media_for_College_Writing_Students|Home Page]]


It is important for college students to remember that image is everything. How a person presents themselves is what will be remembered in most cases. The same ideal applies to photos for digital media because a good photo can engage and impact what the writer is trying to convey, thus becoming a deciding factor on how the information is received.


==Templates==
Photos are visual images from photographic film or digital images. These images are usually taken by a camera, and can be used to inform and direct the audience. When writing for the web, photos play a key part to attract readers. Photos heighten the audience's attention, thus making the information more credible and professional. It allows web users to better understand a particular concept, thus making photos clear, interesting, and memorable.  
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.
==Types of Photos==


==Pictures==
[[File:JPEG example JPG RIP 001.jpg|thumb|170x125px|right|Notice how this high compressed JPEG results in a fuzzy photo. ©Wikipedia]]


[[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|170x125px|Using a low compressed JPEG ratio results in a sharp, crisp, and clean image. ©Wikipedia]]


[[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|left|An example of a GIF animation. Notice how the image continuously loops.©Wikipedia]]


[[File:bananashoe.gif|thumb|right|An example of a GIF animation. Notice how the image continuously loops.]]
[[File:PNG_image.png|thumb|left|170x125px|An example of an 8-bit PNG image. ©Wikipedia]]


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.
[[File: Bitmap.png|thumb|right|170x125px|A 4×2 pixel bitmap containing 32 bits. ©Wikipedia]]


Formatting pictures has numerous file formats; however, the two most common are '''JPEG''' and '''GIF'''.  
Pictures on sites should be high quality. Pixilated and high contrast photos appear dull to the audience. Using photo editing programs such as, [http://www.photoshop.com/ Photoshop], will fix the photos. Photos ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and credibility.
 
Pictures have numerous file formats; however, the four most common are '''JPEG,''' '''GIF,''' '''PNG,''' and '''BMP'''.  


===JPEG===
===JPEG===
Images commonly known as Joint Photographic Experts Group.  
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.
JPEGs are typically the most utilized format for graphic images. Typically digital and color images need to use this compression format. JPEG compression contains full color or gray scale. JPEG compression format possesses a large range of colors. JPEGs capture the realism in images.  According to Sarah Horton, "The more a photo is squeezed with JPEG compression, the more quality the photo loses."<ref>Lynch, Patrick J., Horton, Sarah. "Web Style Guide, 3rd Edition". [http://webstyleguide.com/wsg3/index.html. Web Style Guide], (2009). Print. Retrieved 12 Nov 2012.</ref> 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===
===GIF===
Line 35: Line 31:
Images commonly known as Graphics Interchange Format.  
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.  
The majority of graphics on the web support GIFs because they are compact. GIF compression is typically 8-bit. The small bit rate causes the file compression format to only support 256 colors, instead of millions of colors like JPEG.
 
GIF images consists of a set images that are displayed in a set order. According to Margaret Rouse, "GIF images tend to be animated images that loop endlessly." <ref>Rouse, Margaret. "What is an Animated GIF". [http://searchsoa.techtarget.com/definition/animated-GIF SearchSOA], (2005). Web. Retrieved 12 Nov 2012.</ref> GIFs lose compression to keep the file size at a minimum. This form of compression prevents a loss in photo quality. GIFs can be seen throughout the web, but 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.
 
===PNG===
 
Images commonly known as Portable Network Graphic.
 
PNGs serves as an alternative file compression format to the GIF. Designed especially for the web, these images contain a large range of colors and look sophisticated. PNGs are best for art, text, and logos. While these images take up less space than GIF, they tend to load slower. According James George, "PNG images are lossless, which means that they do not lose quality during editing." <ref>George, James. "GIF, JPG, and PNG - What is the difference". [http://www.sitepoint.com/gif-jpg-png-whats-difference/ Sitepoint], 11 Aug 2011. Web. Retrieved 12 Nov 2012.</ref> PNG images are known to be inconsistent on different web browsers, especially Internet Explorer, which does not support PNG.


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.  
===BMP===
Commonly known as a Bitmap Image File.  


=====Advantages of GIFs =====
BMP is a file format used for digital images. The BMP file produces images from hundreds of small pixels of color. This file format only works for Windows operating systems, which means they are incompatible with Apple applications<ref>Fulton, Wayne "Image File Formats - JPG, TIF, PNG, GIF: Which to use." [http://www.scantips.com/basics09.html Scantips], (2010). Web. 22 Nov. 2012.</ref>. BMPs offer great detail when it comes to size; however, this format consumes a lot of space on the hard drive. Meanwhile, a compressed BMP file, which is larger than a JPEG, can be stored and transferred easier over the web.  
* GIF images are commonly supported on the web.
* GIF images look better online.


==See Also==
==See Also==
Line 49: Line 52:


==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.
<references />
# 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.

Latest revision as of 16:01, 5 December 2012

Home Page

It is important for college students to remember that image is everything. How a person presents themselves is what will be remembered in most cases. The same ideal applies to photos for digital media because a good photo can engage and impact what the writer is trying to convey, thus becoming a deciding factor on how the information is received.

Photos are visual images from photographic film or digital images. These images are usually taken by a camera, and can be used to inform and direct the audience. When writing for the web, photos play a key part to attract readers. Photos heighten the audience's attention, thus making the information more credible and professional. It allows web users to better understand a particular concept, thus making photos clear, interesting, and memorable.


Types of Photos

Error creating thumbnail: File missing
Notice how this high compressed JPEG results in a fuzzy photo. ©Wikipedia
Error creating thumbnail: File missing
Using a low compressed JPEG ratio results in a sharp, crisp, and clean image. ©Wikipedia
Error creating thumbnail: File missing
An example of a GIF animation. Notice how the image continuously loops.©Wikipedia
Error creating thumbnail: File missing
An example of an 8-bit PNG image. ©Wikipedia
Error creating thumbnail: File missing
A 4×2 pixel bitmap containing 32 bits. ©Wikipedia

Pictures on sites should be high quality. Pixilated and high contrast photos appear dull to the audience. Using photo editing programs such as, Photoshop, will fix the photos. Photos ought to be checked daily in case they are broken and deleted. Broken and deleted images ruin the cohesiveness of the site and credibility.

Pictures have numerous file formats; however, the four most common are JPEG, GIF, PNG, and BMP.

JPEG

Images commonly known as Joint Photographic Experts Group.

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

GIF

Images commonly known as Graphics Interchange Format.

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

GIF images consists of a set images that are displayed in a set order. According to Margaret Rouse, "GIF images tend to be animated images that loop endlessly." [2] GIFs lose compression to keep the file size at a minimum. This form of compression prevents a loss in photo quality. GIFs can be seen throughout the web, but 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.

PNG

Images commonly known as Portable Network Graphic.

PNGs serves as an alternative file compression format to the GIF. Designed especially for the web, these images contain a large range of colors and look sophisticated. PNGs are best for art, text, and logos. While these images take up less space than GIF, they tend to load slower. According James George, "PNG images are lossless, which means that they do not lose quality during editing." [3] PNG images are known to be inconsistent on different web browsers, especially Internet Explorer, which does not support PNG.

BMP

Commonly known as a Bitmap Image File.

BMP is a file format used for digital images. The BMP file produces images from hundreds of small pixels of color. This file format only works for Windows operating systems, which means they are incompatible with Apple applications[4]. BMPs offer great detail when it comes to size; however, this format consumes a lot of space on the hard drive. Meanwhile, a compressed BMP file, which is larger than a JPEG, can be stored and transferred easier over the web.

See Also

References

  1. Lynch, Patrick J., Horton, Sarah. "Web Style Guide, 3rd Edition". Web Style Guide, (2009). Print. Retrieved 12 Nov 2012.
  2. Rouse, Margaret. "What is an Animated GIF". SearchSOA, (2005). Web. Retrieved 12 Nov 2012.
  3. George, James. "GIF, JPG, and PNG - What is the difference". Sitepoint, 11 Aug 2011. Web. Retrieved 12 Nov 2012.
  4. Fulton, Wayne "Image File Formats - JPG, TIF, PNG, GIF: Which to use." Scantips, (2010). Web. 22 Nov. 2012.