Common Design File Types

website design filesThere are many different file types that designers use or at least need to know. Files need to be saved in certain ways according to how they will be used and/or what programs they’re created or used in. A file extension, also called a filename extension, is the suffix at the end of a filename, which indicates what kind of file it is. When you double-click a file, your computer uses the file’s extension to determine what program should open it. There are thousands of filename extensions so I’m just going to go over some of the most common ones used among designers.

File Extension = Indicates
.indd = Adobe InDesign Document (must use InDesign to open)
.qxd = QuarkXPress Document (must use Quark to open)
.ai = Adobe Illustrator File (must use Illustrator to open)
.psd = Adobe Photoshop Document (must use Photoshop to open)
.eps = Encapsulated Postscript File (vector file commonly used for saving logos)
.gif = Graphical Interchange Format File (low-res files used for websites)
.jpeg = Joint Photographics Experts Group (digital photos and web graphics)
.png = Portable Network Graphic (for website graphics with transparent areas)
.tif or .tiff = Tagged Image File (high-quality graphics and photos)
.html = Hypertext Markup Language File (static web page coded file)
.php = Hypertext Preprocessor File (file for processing online functions)
.css = Cascading Style Sheet (for formatting the contents of a web page)
.pdf = Portable Document Format File (maintains file formatting for cross-platform viewing)

Post Tagged with ,