Design File Format Guidelines
This page contains information about the types of file formats we can accept for website development purposes. If you need to get a design to us to ‘slice and build’ this document should provide you with the necessary information you need to output your file so we can turn it around quickly.
Supported Graphic/Document Formats for Conversion to Websites
Design files intended for web use should be exported from the source application in a lossless format (or as close to lossless as possible). This rules out .JPG files (which tend to be blurry and blocky) as well as highly compressed (low quality) PDF files.
Regardless of the source application, Dovetail requires the following when preparing a source file for web use:
Font specifications for Web Site Development
The basic rule is that HTML browsers are simple creatures when it comes to font rendering. CSS (Cascading Style Sheets) allow for more control than we had previously, but the most important thing to consider is that webpage text is rendered in the browser using the fonts available on the viewer's computer. If you use a common font like Arial, you are safe, because almost everyone has Arial on their machine, and if not, it will map to very similar fonts like Helvetica or Sans-Serif. Using a widely-available font like that ensures that the page will render correctly for everyone.
As soon as you introduce a less common font - Frutiger (http://en.wikipedia.org/wiki/Frutiger) for example - you are taking a risk. How many people have Frutiger on their machines? You can specify a downward conversion path in the CSS or font tag so that people who don't have Frutiger will see Gil-Sans, and people who don't have Gil-Sans will see Arial, but then you are essentially guaranteeing that the page will look different on different machines.
The general rule is to stick with common fonts for browser-rendered text. These fonts are listed here:
If you are going to use a less common font on a website, you should create a GIF, JPG or PNG graphic rather than relying on browser rendering of font text.
Specific Application Notes
We do not support Adobe Fireworks directly. Adobe Fireworks creates files in layered PNG format.
To supply a file created in Adobe Fireworks to Dovetail for production, please first convert it to a layered PSD file using the export function in the program.
We do not support QuarkXPress directly. A Quark file should be exported to a format that can be read by Adobe Photoshop. A PDF (if exported using the ‘High Resolution’ setting) will work.
There are several things to consider when deciding on whether to target a 800x600 design…
At Dovetail we have found using a design process that includes a digital rendering helps us work through all of these challenges visually with the customer. Here are a few links on this topic and statistics on screen resolutions in use today and in the past few years.
Toll Free: (866) 845-6465