• Home
  • GCOM 330
    • 330 Home
    • 330 Week 1
    • 330 Week 2
    • 330 Week 3
    • 330 Week 4
    • 330 Week 5
    • 330 Week 6
    • 330 Week 7
    • 330 Week 8
    • 330 Week 9
    • 330 Week 10
    • 330 Week 11
    • 330 Week 12
    • 330 Week 13
    • 330 Week 14
    • 330 Week 15
    • 330 Week 16
  • Flagship
    • GCOM Flagship Home
  • Maker

GCOM 330: Save For Web

//Watch these videos prior to coming to class next week.

Creating Web Graphics in Adobe Photoshop

I am NOT assigning Lesson 13 CIB this semester. We just do not have the time. However, it is important stuff, so I uploaded the above 90 minute video I taped Fall 2012, on Save For Web in Photoshop. It covers a lot, but watch it if you really want to know this area of Photoshop. It is covered in much more detail in GCOM 332 and GCOM 360, including other web building and comping aspects of Photoshop.

GIF or PNG? – Quality Web Tips

‘GIF’ is the Oxford University Press word of the year in the US | The Verge

For fun:

50 reasons not to date a graphic designer

What is the Best File Format to Save Your Images In?

PSD • TIFF • JPEG • GIF • PNG ?????

(Courtesy of Jodi Friedman of MCP Actions)

As a photographer you shoot in Raw or Jpeg, or sometimes both. Then you edit. You may start in Lightroom or Adobe Camera Raw, but eventually you may end up in Photoshop doing more detailed editing of your photographs. In time, you come up with the “perfect” edit. Now it is time to save. What do you do? Do you save as a PSD, Tiff, Jpeg, Gif, Png or something else?

Here are a few of the most common formats and why you may or may not want to use them:

PSD

  • You will want to save as a Photoshop PSD when you have many layers that you want to preserve.
  • Saving this way will retain adjustment layers, your masks, shapes, clipping paths, layer styles, blending modes.
  • Useful if you need to maintain transparency.
  • The downsides to PSDs the large size and the compatibility.
  • Only those with Photoshop will be able to view them, and you will need to save another way for printing.
  • You cannot share on the web as a PSD.

TIFF

  • This targeted file format is the highest quality and is excellent for print as there is no loss in quality
  • Retains information in layers, depending how you save it.
  • The downsides are the extremely large file size and you cannot display on the web in this format.
  • Lossless format so you will retain information from your images as you re-open and re-save.

JPEG

  • The Joint Photographic Experts Group format is the most common type. It is viewable by all and can be used for print and the web.
  • When saving as a jpg, you decide what quality you desire from a 1-12.
  • The biggest downsize is that the jpeg format is lossy. Each time you open and save, the image compresses and you lose a small amount of information.
  • Another downside is that layers are flattened upon saving so you lose the ability to go back to past edits to tweak.

GIF

  • The Graphics Interchange Format is great for web graphics with animation.
  • The file size is very small so these files load fast on the web.
  • The downsides are limited colors and does not handle photographs well. No recommended for print work.
  • Lossless format so you will retain information from your images as you re-open and re-save.

PNG

  • The Portable Network Graphics format also creates smaller file size but without the quality loss of a GIF.
  • Often used for graphics instead of GIF.
  • Lossless format so you will retain information from your images as you re-open and re-save.
  • You can share on the web.

Up

 

  • 330 Files on Dropbox
  • Project 00 – Valentine’s Day Card
  • Project 01 – CD Cover
  • Project 02 – Magazine Cover
  • Project 03 – Digital Portrait
  • Project 04 – Poster
  • 330 Home
  • 330 Week 1
  • 330 Week 1 Videos
  • 330 Week 2
  • 330 Week 2 Videos
  • 330 Week 3
  • 330 Week 3 Videos
  • 330 Week 4
  • 330 Week 4 Videos
  • 330 Week 5
  • 330 Week 5 Videos
  • 330 Week 6
  • 330 Week 6 Videos
  • 330 Week 7
  • 330 Week 7 Videos
  • 330 Week 8
  • 330 Week 8 Videos
  • 330 Week 9
  • Spring 2017 Photoshop Review Videos
  • 330 Week 10
  • 330 Week 10 Videos
  • 330 Week 11
  • 330 Week 11 Videos
  • 330 Week 12
  • 330 Week 12 Videos
  • 330 Week 13
  • GCOM 330: Color Bonus 1
  • GCOM 330: Color Bonus 2
  • 330 Week 14
  • GCOM 330: Save For Web
  • 330 Week 15
  • 330 Week 16
  • 330 Tutoring
  • Free Stuff

D2L

Photoshop CC (Adobe website)

Official Photoshop CC website

GCOM on Facebook

Search this site

SCC Links

  • D2L
  • eServices
  • GCOM homepage
  • SCC homepage
  • SCC 411 for Success

Contact Charr Crail (Wednesday Sections)

  1. Name *
    * Please enter your name
  2. Email *
    * Please enter a valid email address
  3. Message *
    * Please enter message

Contact Jonathan Weast (Thursday Section)

  1. Name *
    * Please enter your name
  2. Email *
    * Please enter a valid email address
  3. Message *
    * Please enter message
© Copyright 2017 | Tom Cappelletti | Under the Hood: WordPress