https://mediawiki.middlebury.edu/LIS/index.php?title=File_and_Graphic_Types&feed=atom&action=historyFile and Graphic Types - Revision history2024-03-28T20:11:50ZRevision history for this page on the wikiMediaWiki 1.35.14https://mediawiki.middlebury.edu/LIS/index.php?title=File_and_Graphic_Types&diff=31198&oldid=prevHeather Stafford: /* File Type Extensions */2014-10-08T13:11:33Z<p><span dir="auto"><span class="autocomment">File Type Extensions</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:11, 8 October 2014</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18" >Line 18:</td>
<td colspan="2" class="diff-lineno">Line 18:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''RAW:''' Uncompressed file, no effects. This is the highest quality photograph/picture file format. Most programs and browsers cannot display RAW; requires further editing.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''RAW:''' Uncompressed file, no effects. This is the highest quality photograph/picture file format. Most programs and browsers cannot display RAW; requires further editing.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Public Search]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Images]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Graphic Types==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Graphic Types==</div></td></tr>
</table>Heather Staffordhttps://mediawiki.middlebury.edu/LIS/index.php?title=File_and_Graphic_Types&diff=30776&oldid=prevMargaret Cochrane: /* File Type Extensions */2014-08-14T14:12:44Z<p><span dir="auto"><span class="autocomment">File Type Extensions</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:12, 14 August 2014</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >Line 14:</td>
<td colspan="2" class="diff-lineno">Line 14:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''BMP:''' Stores digital files. Don't use this for print media.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''BMP:''' Stores digital files. Don't use this for print media.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">'''SVG:''' Scalable Vector Graphics are images based on XML text files - this means they are 2-dimensional images defined by a sheet of code. Because they are text-based they have the ability to be animated or made interactive. It can be printed, but other forms are advisable.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''RAW:''' Uncompressed file, no effects. This is the highest quality photograph/picture file format. Most programs and browsers cannot display RAW; requires further editing.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''RAW:''' Uncompressed file, no effects. This is the highest quality photograph/picture file format. Most programs and browsers cannot display RAW; requires further editing.</div></td></tr>
</table>Margaret Cochranehttps://mediawiki.middlebury.edu/LIS/index.php?title=File_and_Graphic_Types&diff=30775&oldid=prevMargaret Cochrane: Created page with "==File Type Extensions== '''JPG:''' Generally the best option. It's high-quality and the file size is small. But beware: each resave slightly reduces the visual quality. I..."2014-08-14T13:54:44Z<p>Created page with "==File Type Extensions== '''JPG:''' Generally the best option. It's high-quality and the file size is small. But beware: each resave slightly reduces the visual quality. I..."</p>
<p><b>New page</b></p><div>==File Type Extensions==<br />
<br />
'''JPG:''' Generally the best option. It's high-quality and the file size is small. But beware: each resave slightly reduces the visual quality. It's great for photographs on the web, fine for printing.<br />
<br />
'''TIF:''' Highest level of visual quality, but large file size. Great for image printing.<br />
<br />
'''PDF:''' Standard portable document file. PDFs maintain image quality and are compatible across many platforms. They print well, but be cautious of color changes from screen to print.<br />
<br />
'''GIF:''' Contains just 256 colors (compared to millions within a JPG). Best for simple online graphics. Do not print a GIF.<br />
<br />
'''AI:''' Adobe Illustrator file. Best for logos and illustrations. For Johnson Plotter, convert to PDF or JPG to print. For the Library/BiHall Plotter, printing an AI is fine.<br />
<br />
'''PNG:''' Similar to the JPG but larger and higher quality. Good for logos because background is transparent.<br />
<br />
'''BMP:''' Stores digital files. Don't use this for print media.<br />
<br />
'''RAW:''' Uncompressed file, no effects. This is the highest quality photograph/picture file format. Most programs and browsers cannot display RAW; requires further editing.<br />
<br />
==Graphic Types==<br />
<br />
'''Vector:''' The lines and curves of vector images are defined by mathematical objects called vectors. They are resolution-independent so you can move or modify the graphics without losing detail or clarity (they won't become pixelated because they do not rely on pixels). Vector graphics are great for artwork that will be used at various sizes and in various output media.<br />
<br />
'''Vector File Types: AI, EPS, PDF, SVG'''<br />
<br />
'''Raster:''' Raster images are represented by pixels. You edit these pictures by the pixels rather than by objects or shapes. They are resolution dependent because they contain a fixed number of pixels, so they will lose detail if scaled too large (on screen) or printed at a resolution that is too low.<br />
<br />
'''Raster File Types: JPG, PSD (Photoshop), PNG, XCF'''<br />
<br />
'''''Never try to print .psd files. It's too much for the printer to register and it will be attempting to print for an hour.'''''<br />
<br />
==Tips and Considerations==<br />
<br />
===What is COMPRESSION?===<br />
Compression is the reduction of file size, as from 1 GB to 500 MB. Most graphics are too large to be downloaded quickly in their natural state, so they are often compressed before being put on a website, etc.<br />
<br />
===Things to Consider with File Types:===<br />
*What type of image are you working with?<br />
*How small are large do you want your image file to be?<br />
*Will your image need to be available in a variety of sizes?<br />
*How do you want your graphic to download?<br />
<br />
===Web vs. Print resolution===<br />
Images for the web only need a resolution of '''72 dpi''' (dots per inch). This is the maximum resolution of monitors. <br />
Images for print only need a resolution of about '''300 dpi'''. Anything greater will not make much of a difference and anything lower will result in the loss of some quality.<br />
<br />
===Other Tips===<br />
<br />
Always start off with the ''highest quality image possible.''<br />
<br />
If the printer you're working with doesn't recognize a font you've used (it'll pop up with a dialog box if this is the case), use Adobe Illustrator to save the text box in "Outlines" (Right Click on text box > Create Outlines). This saves the text as a graphic, so printing will no longer be a problem.</div>Margaret Cochrane