Technical Requirements
DieselNet Business Pages
Size of the page
The standard page size is about one to two letter format pages, as determined when the page is printed. As a guideline, please keep the combined size of the page html and graphic files below 500 kB. Large pages may load slowly—depending on the quality of network connection—discouraging visitors from viewing them and defying their purpose.
The page should be easy to read, without the need to scroll horizontally, in the 1440×768 screen resolution. We also encourage mobile-compatible design, so the page be also legible on mobile devices.
Page format
The required page format is HTML5, using UTF-8 character encoding. To ensure clean, error-free code, your page must validate using the W3C consortium page validator, validator.w3.org.
The page should use cascading style sheets (CSS) for formatting. Please use the W3C CSS validation service at jigsaw.w3.org/css-validator to ensure correct CSS syntax.
Graphics can be included as .avif, .webp, .jpeg, or .png files. It is a good programming practice to optimize graphics files for size. Among the above formats, .avif files usually offer by far the best compression and the smallest file size.
You can use JavaScript, but please ensure that the scripts execute without errors. All of the scripts must be included with the page—the page cannot include <script> links to third-party servers.
You can use video using the HTML5 <video> tag. The maximum video file size is 5 MB.
Standard components
The page should include contact information—company name, mailing address, phone, email, etc.—placed preferably at the bottom of the page. You may provide that information with the page or, if you don’t, we will add it to your page.
We will also add a standard reply form and a link to DieselNet, at a fixed position at the bottom of the screen.
Banners & Buttons
The technical requirements for banners, buttons, and vertical banners are listed in Table 1.
The ‘display size’ indicates the width and the height—and, therefore, the aspect ratio—of the banners when displayed in DieselNet pages. Please design all graphics, including text captions, to be legible when the banner is displayed at this size.
It is recommended that you supply your banners in higher resolution, for a sharper looking image on high resolution displays. The recommended pixel sizes shown in the table correspond to a 144 dpi resolution setting in your graphics design software, while the ‘display size’ corresponds to 96 dpi.
Banners | Buttons | Vertical banners | |
---|---|---|---|
Display size, CSS pixels, w × h | 728 × 90 | 180 × 150 | 160 × 600 |
Recommended graphics size, pixels | 1092 × 135 | 270 × 225 | 240 × 900 |
Format | avif*, webp*, jpg, png | ||
Maximum file size | 60,000 bytes | 40,000 bytes | 60,000 bytes |
* Can be animated |