Skip to main content

Prepare Files: Formats, Limits, and Quality Recommendations - Article

Choose suitable files for images, documents, video, interactive content, and course packages. Distinguish supported formats and configured limits from performance and quality recommendations.
Updated: 6 Oct 2026
10 min read

Summary

Prepare each file for the way learners will use it: viewing a page, streaming a video, downloading a reference, or completing an imported learning package. A file accepted by an upload tool is not automatically readable, accessible, or suitable for mobile use.

Different upload routes have different requirements. Keep enforced limits separate from processing thresholds and editorial recommendations, and confirm platform-specific limits before commissioning large media or package exports

Use this article to:

  • Choose suitable image, document, audio, video, and package formats;
  • Prepare dimensions, encoding, and file quality before upload;
  • Account for configured limits and third-party constraints;
  • Balance visual quality, accessibility, performance, and maintainability.

Choose the correct upload route

MaterialIntended route and formatImportant boundary
Page imageThe supported image/archive picker. PNG and JPG are practical preparation choices; the permitted extension list is configurable.This is not an exhaustive list of every extension enabled on every platform. An image format supported elsewhere may not be accepted by this picker.
Downloadable documentA permitted file in the relevant archive, linked from a page or presented in a file list.Downloading a document differs from displaying it in a supported viewer. An office document may require an external application.
Streaming videoThe video library. Documented inputs include MPEG/MPG, MP4, MPE, M1S, MP2V, M2V, M2S, AVI, MOV/QT, WMV, and FLV extensions.The extension alone does not guarantee that an encoding is usable. Processing must finish before the streaming version is ready.
SubtitlesSRT or VTT through the video's subtitle tools.The text needs the correct language and timestamps for that specific edit of the video.
H5P interactionCreate an available content type in H5P or use a supported H5P package import.A package must be compatible with the libraries available on the destination platform.
Native Eurekos CourseA native .eur Course package through Course import.This is a content-transfer format, not a complete platform or enrollment backup.
SCORM CourseZIP package for SCORM 1.2 or SCORM 2004 3rd/4th Edition.Export a valid package from the authoring tool; a ZIP containing arbitrary files is not sufficient.
xAPI CourseA supported xAPI ZIP package through the relevant import route.

Required reporting services and package behavior must be configured and tested. Do not assume that every xAPI resource is a compatible Course package.

xAPI should also be considered in relation to your own connected LRS.

Audio or specialist mediaThe input supported by the selected widget or interaction.Use that tool's accepted formats. Do not apply the video-library extension list to audio, 3D, or other specialist viewers.

💡For a new supplier of a content element or authoring tool, request a small representative package before commissioning the full library. Test the actual navigation, media, resume, and reporting behavior—not only successful upload.

Understand what a limit means

ConstraintWhat it meansWhat it does not mean
Upload size or extension restrictionThe selected upload route accepts only its configured files.There is no single universal file limit that can safely be inferred for every Eurekos upload area.
Automatic transcription: videos over 2 GB are not supportedPrepare a smaller source or use another supported subtitle preparation route. For planning, stay below 2 GB rather than relying on the exact boundary.This is not a universal maximum for video upload or streaming.
Native Course imports over 300 MB use background processingSome imported content can remain temporarily unavailable while processing finishes.300 MB is a processing threshold, not the maximum Course package size.
Browser, connection, and device capacityLarge or complex content can load slowly or fail on the intended learner device.Successful author-side upload does not establish acceptable learner performance.
Recommended dimensions, compression, or durationAn editorial choice to improve readability and performance.A recommendation is not an enforced platform limit unless the upload interface explicitly says so.

Where the interface does not show a required limit, ask Eurekos support about the specific upload route and file type. Provide the intended size and use; avoid treating a limit from another feature as the answer.

Prepare images for their intended placement

Prepare an image for the place where it will be displayed rather than applying one universal size to every upload. Course illustrations, activity banners, Storefront backgrounds, promotional banners, and product images use different proportions and can be cropped differently as the available screen width changes.

The dimensions below are preparation recommendations, not universal upload limits. Supported extensions and enforced file-size limits can depend on the upload route and platform configuration.

Intended placementRecommended proportionRecommended preparation sizeImportant consideration
General Course image or illustration4:3At least 1200 Ă— 900 pxSuitable for instructional images, diagrams, and reusable page visuals
Course page or Activity Description bannerWide landscape1280 × 250–400 pxKeeps more learning content visible on typical laptop screens and should be previewed with the learner navigation visible
Storefront bannerWide landscapeAt least 1280 px wide and generally no more than 400 px highFill can crop the image while Fit can leave unused horizontal space
Storefront background16:91920 Ă— 1080 px for most uses or 2560 Ă— 1440 px for detailed high-resolution artworkKeep important content near the center to allow responsive cropping
Storefront carousel or promotional image16:9At least 1280 Ă— 720 px with 1920 Ă— 1080 px preferredAvoid artwork that depends on exact alignment with surrounding text or buttons
Incentives Shop bannerWide landscape1280 px wide and 200–500 px highThe configured banner height can crop the uploaded image
Subscription checkout banner4:3At least 1200 Ă— 900 pxPrepare separately from the wider Storefront promotional image
Subscription Storefront image16:9At least 1280 Ă— 720 pxKeep the main subject readable when the image appears as a smaller card or carousel item
Product or Additional Product imageProportion appropriate to the displayed itemAt least 1200 px on the longest side where no placement-specific requirement is shownTest the image in its buyer-facing context rather than relying on the administration preview

Keep Course banners in proportion to the learning experience

A large image is not necessarily the most effective Course banner. Although 16:9 works well for many visual formats, a full-width 16:9 banner can occupy most of the visible page on a typical laptop—even when the source image has been prepared at a different pixel resolution. This can push the Course introduction, instructions and learning content below the initially visible area.

For Course pages and Activity Description banners, a practical starting point is 1280 px wide and between 250 and 400 px high. This produces a wide, relatively shallow banner that establishes visual identity while leaving more of the page available for the learning experience. It is an editorial recommendation rather than an enforced upload requirement.

Always evaluate the image in the context in which the intended audience will see it. In Learn mode, the Course navigation normally occupies part of the left side of the screen. This changes the available page width and can affect the banner’s perceived proportions, cropping and relationship to the content below it.

Use the relevant Preview or Participant view before finalizing the image. Preview with the Course navigation visible and check the result on a typical laptop as well as a narrower screen. Keep the principal subject away from the edges so the banner remains effective when the available page area changes.

Choose an appropriate image format

The best file type depends on the visual content. The permitted extension list can be configured, so confirm that the destination picker accepts the selected format.

File typeRecommended useConsiderations
JPG or JPEGPhotographs, detailed backgrounds, and complex imageryProduces comparatively small files but does not support transparency
PNGScreenshots, diagrams, interface examples, logos, and images requiring transparencyPreserves sharp lines and text but can produce larger files
GIFShort simple animation where the destination supports itLimited colors and accessibility make it unsuitable for detailed or essential learning content
Other image formatsSpecialist use where the selected upload route explicitly supports the formatDo not assume that support in a browser or another Eurekos area means the current picker accepts it

For JPG Storefront backgrounds, a useful preparation target is approximately 200–400 KB at 1920 × 1080 px. Highly detailed 2560 × 1440 px backgrounds should generally remain below approximately 500 KB. These are performance recommendations rather than enforced upload limits.

PNG files may reasonably be larger when they contain interface details, diagrams, or transparency that JPG cannot preserve. Reduce unnecessary canvas space and test whether labels remain legible after the image is scaled.

Design for responsive display and cropping

Responsive presentation means that the same image can be displayed at different widths, heights, and crops. To prepare a resilient source image:

  • Keep the principal subject and important visual information away from the extreme edges
  • Allow space around logos, people, products, and other focal points
  • Avoid placing essential instructions or long passages of text inside the image
  • Do not design artwork that depends on exact alignment with page text, buttons, or other interface elements
  • Provide meaningful alternative text for images that communicate information
  • Explain complex diagrams in the surrounding page content
  • Check Course banners in the relevant Preview or Participant view, including a typical laptop with the Course navigation visible and a narrower screen
  • Retain the editable high-quality source outside the platform for future crops and formats

Where Fill is used, expect part of the image to be cropped so the available area is covered. Where Fit is used, the complete image remains visible, but unused space can appear when the image and display area have different proportions. Choose the display behavior according to whether preserving the complete image or filling the available area is more important.

Prepare files for their purpose

AssetPractical preparationLearner benefit
PhotographsCrop to the needed subject and compress sensibly. Keep an original outside the platform.Faster loading without unnecessary detail loss.
Screenshots and diagramsKeep labels readable at their actual display size; use enough space around text and arrows.Clear guidance without requiring excessive zoom.
DocumentsUse searchable text, meaningful headings, accessible reading order, and a recognizable filename and edition.Resources are easier to find, understand, and use with assistive technology.
VideoPrefer a clean, widely compatible export and clear audio. Split long material when the learning purpose supports it.Better playback and more focused viewing, with useful subtitle and chapter opportunities.
SubtitlesCheck terminology, speaker meaning, timing, line breaks, and translation.Accurate access to the spoken content rather than an unreviewed machine transcript.
Course packagesRemove unnecessary source material and test a release export from the intended authoring tool.More predictable launch, progress, and maintenance.

Avoid putting temporary dates, private customer data, or sample participant information into reusable files. If such context is necessary, make the scope and ownership explicit.

Keep a maintained source and a release copy

Retain editable source files, licenses, and production settings in the organization's approved storage. The uploaded or exported asset is a delivery copy; it may not contain everything needed for future editing.

Use clear language and edition conventions. Before replacing a shared file, check where it is used and whether the new edition is intended for all those contexts. A larger new file can also change download or processing performance even when its title stays the same.

Troubleshooting

SituationWhat to check
Upload is rejected.Confirm the destination, allowed extension, actual file type, displayed size limit, and permissions. Renaming an extension does not convert a file.
Upload succeeds but video is not ready.Check processing status and any completion or failure notification before repeatedly uploading another copy.
A document opens for the author but not the learner.Check the resource route, permissions, browser support, and whether the learner needs an external application.
A package launches but reports incorrectly.Check the package's completion and success settings and test its reporting integration separately from upload.
The page is slow on mobile.Review asset sizes, simultaneous media, embedded services, and the actual learner connection.
Transcription fails for a large video.Check the transcription-specific size restriction and the available alternative subtitle routes.

 

FAQ