Supported File Formats


#1

Below are the supported filetypes in Tumult Hype. If you stick to the formats described below, your Tumult Hype site will work on the widest range of devices and browsers.

Images

Tumult Hype 2.5 automatically converts images into web safe format. You can drop the following images into a scene: PSD, TIFF, SVG, PNG, JPG, GIF, ICO (and a few more image formats). PDF files will render as the first page, and will be converted to an image. If you’d like to link to a PDF, you’ll need to link to it directly on the web. For images that have transparency (GIF + PNG), transparency will be maintained, and the image will be converted to PNG.

To use a SVG in Tumult Hype, simply drag it into your scene, or click Insert > Image and select it. You can quickly make vectors with SVG-Edit or convert images to vectors using Vector Magic. Vectors have a very small file size and are great for interface elements.

For more info on image handling in Tumult Hype please visit the Exporting & Previewing chapter of Hype’s documentation.

For tips on image compression please read this excellent article: “Image Compression for Web Developers

Video

  • Mpeg-4 - An .mp4 encoded using the H264 codec
  • OGV - In the .ogg container.
  • Webm - .webm

Note: Safari and IE support .H264 (mp4), while Firefox supports Theora (ogv), and Chrome supports VP8 (webm) as well as Theora (ogv). Luckily, the video tag supports multiple sources for one element. In Tumult Hype, to add the different video sources, select a video element, and then add sources via the Element Inspector’s Video property. Read more.

Audio

We recommend using only MP3 and OGG (Ogg Theora) formats when creating an audio group. To create an audio group, click Insert > Audio and add your audio files. Tumult Hype also supports Wave files (.wav) but these are large files which tend to slow down websites. Read more about Audio here.

PDFs

Please see this thread for information on embedding and linking to PDFs:


Linking to a PDF for an App Store app (offline support)
#2

(Michael) #3

Copy/paste vector object from Sketch to Hype turns it into bitmap. From AI to Hype - to Text. Being able to quickly transfer vectors is crucial.


#4

Thanks for your feature request Michael!


(Paulo) #5

How can I convert to video like .avi / .mpg?


#6

I recommend using Miro Video converter: http://www.mirovideoconverter.com/ (It is free)