Even though website graphics as well as print media files are designed in the same program at times, does not mean that the images are the same. There are a few key elements to consider when preparing your various graphic design projects for their designated purpose.

Some of the largest differences would be:

  • Image Resolution
  • Colour Format
  • File Types
  • Crop Lines

Just to name a few.

The Image Resolution for a print design differs from that of a web graphic. The most commonly used resolution for print media is 300ppi (pixels per inch) however the standard resolution for web graphics for optimal file size and load time is 72ppi. The reason for this is that a computers monitor displays at 72ppi.

The colour format for website graphics are in RGB format which displays a broad array of red, green, and blue colour tones, where as Print media graphics are in the format CMYK, CMYK images will not show correctly in web browsers. It is highly advisable that if you are planning to use your print graphics online to use a image editing program to convert from a CMYK image file at 300ppi to a RGB graphic at 72 dpi. this will ensure the image is seen in the manner you want it too, as well as create a faster load time overall.

Be cautious when considering using your web graphics for print as this can and normally does cause blurry pixelated final results due to image resolution.

There are a few main file types used for print design. These formats include:

  • .pdf
  • .ai
  • .tiff
  • .eps

On the other hand for fast load times and optimal usage of your graphics online you will want them to be in one of these formats.

  • .png
  • .jpg
  • .gif

Another thing to consider and is far to often overlooked by web designers when asked by a client to produce print graphics is crop and bleed lines something that is not needed in web graphics, but can be the difference between a satisfied client, and a not so professional final outcome.