Multi-Media (Audio, Blogs, Images & Video)

Audio, Blogs, Images & Videos

• Audio files need to be converted to Video files and should be built in YouTube. ID will go in smart form field
• Blogs - should be setup in 3rd party software and be embedded into the site
• Photo galleries should be built in FLICKR. ID will go in setup file (external link)
• Videos should be built in YouTube. ID will go in smart form field

Ektron has a file size limit of 200MBs. This applies to documents, images, audio and video files.  The Web Enterprise Group does not recommend uploading any file larger than 50MB as anything larger may impact website page load speed, can provide a poor user experience or a complete inability to download the file or view the page for users who are on slower internet services like dial up connections.

Images File Types Accepted in Ektron

• .PNG, .bmp, .jpg, .jpeg, & .GIF
• PNG or .jpg are preferred
• Transparent image types .PNG & .GIF

Image Size Requirements

Version 2 (Original Ektron websites)

Examples of Version 2 Sites:

• Certified Court Reporters Board
• Department of Public Safety

Common image size requirements - Header Left (appears on every page of the site):

• Header Left - Top left corner (State Seal or Logo) max of 120 pixels wide, transparent background
• Header Left that includes Department Name - 626 x 120 pixels - Top left corner (State Seal or Logo) max 120 pixels high x 626 pixels wide

Common image size requirements - Home & Landing Pages:

• Slide (Small) 580 x 300 pixels
• Slide (Large) 940 x 300 pixels
• Carousel Images 130 x 130 pixels
• Initiative Box images 215 x 150 pixels
• Procedure to add images/photos to slide/carousel/initiative boxes

Common image size requirements - Secondary Pages:

• Left Sidebar max of 180 pixels wide
• Right Sidebar max of 200 pixels wide

Version 3 (Ektron websites that use Bootstrap)

Examples of Version 3 websites:

• Nevada State Governor
• State Web Development Outreach

Full-size Image Size Requirements for Monitors and Mobile Screens:

• 1920 x 1000 pixels (provides better resolution)
• 1600 x 800 pixels (provides for faster load on mobile)

Half-size Image Size Requirements for Monitors and Mobile Screens:

• 1920 x 600 pixels (provides better resolution)
• 1600 x 500 pixels (provides for faster load on mobile)

What Type of Content Block Should Be Used When Adding an Image to different template areas?

Whether inserting a graphic on the homepage to the right of the slide or on a secondary template page in the body or in the left or right sidebars always use an HTML Content Block to avoid extra space above and below the image.

You cannot add an image directly to an area using metadata.  You must place the image in a content block or smart form and then add that to metadata.

My graphic (image or photo) has too much space before and after it. What can I do?

If you use one of the smart forms that allow you to add an image, it will have to much spacing before and after the graphic. Create your graphic in an HTML content block with no space above or below the image.