How do I keep an Edge Animate banner ad file size small?

Most publishers cap the file size of banner ads at 30 KB to 50 KB. Is that possible using Edge? I know someone asked a question like this two years ago, and the reply was to use a CDN to serve the larger .js files. Is there a more direct approach now that Edge is no longer in preview? Thanks!

Hi SGPGirl,
We were just forming what became the Edge Animate team two years ago, so many questions were asked at that time. The 30k-50k ad standards were built with Flash in mind; HTML advertising standards are still emerging. In the meanwhile, we are making a continuing investment to improve the form factor of Animate output. Here are a few things we've done so far in "Publish":
- Frameworks via CDN (for jQuery)
- "Polite" preloader - this allows you to sneak-in under 30k size limits. It shows a light-weight "preloader" and then pull in a larger payload after the page has loaded. The preloader UI contains a meter that indicates the gzipped size of the preloader including its resources.
- Compressed composition output. When published, the animation (xyz_edge.js) is written in an efficient/compact form that shaves as much as 80% from the composition size.
I'd be grateful for your perspective on the "polite preloader" approach vs. trying to fit the entire composition into 30k. If Animate were to support an "areo-gel weight" output format, what kinds of experiences would you expect to produce with it? If you have any examples, please share!
- Josh

Similar Messages

Upload javascript files for edge animate banner to work in Content Management System (was: how do upload...)

how do upload the javascript files for the html edge animate banner to work in my Content Management System module. At present, the html cannot function because the reference javascript files are missing.

I am not very sure how the CMS manage their content but basically the javascript files need to be in the same folder as the HTML file for Animate content to play.

How do you purge/compress/shrink the iPhoto11 folder/file size?

How do you purge/compress/shrink the iPhoto11 folder/file size?
I have been using iPhoto since iLife'05 and have always upgraded with each iteration of iLife. Without exception, I had just recently upgraded to iPhoto'11 when iLife'11 came out. Because I have used iPhoto to store all my photos and videos taken over the last 5 years or so, my iPhoto folder/file has become bigger and bigger over time and so I moved it to an external hard-drive. My main iPhoto'11 folder/file has 14,367 photos, 995 videos and is indicated to be 83 GB by iPhoto'11. But "Get Info" in Finder reports a whopping 130 GB.
I started to think that this is getting a little crazy and I had wanted to better manage my photo collection, so I decided to "divide and conquer" this gigantic iPhoto'11 folder/file into several smaller, more manageable sized ones. So I made a duplicate copy of this gigantic iPhoto'11 folder/file onto another external hard-drive, fire-up iPhoto'11 again to delete away almost 80% of the photos and 90% of the videos. Now, my "slimmed-down" iPhoto folder/file has 3,000 photos, 75 videos and is indicated to be 6.8 GB by iPhoto'11. But despite the new "slimmed-down" status, the "Get Info" in Finder reports a still very huge 44 GB. Where did all those bulk come from? I have emptied both the iPhoto'11 Trash Can and Mac OS X Trash Can and these steps did not seemed to change anything at all.
Therefore, I wanted to see what the "Get Info" in Finder will report if I were to delete 99.99% of the photos and video to leave just one (1) photo in iPhoto'11? Guess what is the result? My "One Photo experimental" iPhoto folder/file has 1 photo, 0 videos and is indicated to be 2 MB by iPhoto'11 yet the "Get Info" in Finder reports a mysterious 36.3 GB. There must be something hiding inside!
Help! What can I do?

I went on to try trashing away some of the folders and files inside and found that I could actually do it quite neatly if I go by the year which the photos are taken. After a lot of trial and error working on duplicate copy of my iPhoto '11 library, I am able to do away with all the clutter within the library and still open it normally.
Now my 44GB obese iPhoto'11 library has been slimmed down to just a little over 7 GB (5 GB as reported by iPhoto'11) and I am just comfortable dealing with 2 GB of "don't-know-what-info" of clutter within the library.
Remember my "One Photo Experimental" iPhoto'11 library that was 36.3 GB? I managed to bring it down to the realistic 22 MB size. This size is still double that of a brand new iPhoto'11 library I created to import 1 photo. However, it sure beat having 36.3 GB of clutter.
So, now what I am gonna do is to "divide and conquer" the duplicate copies of my iPhoto'11 library into smaller sized ones according to their year. But I think I'll still keep the original bloated, gigantic 130 GB intact and continue to feed it with photos and videos until maybe it becomes 1 TB! Yikes!
Anyway, million thanks for your tip and I really appreciate it! Have a Happy holidays!

How can I make the pdf file size smaller?

How can I make the pdf file size smaller?

Hi vickyb,
Reducing the file size of PDF requires Acrobat (one way is by choosing File > Save As > Reduced Size PDF). If you don't have Acrobat, you can try it free for 30 days. See www.adobe.com/products/acrobat.html for more information.
Best,
Sara

How do I scale an Edge Animate comp afterwards?

Is it possible to scale an Edge Animate composition after you made it?
I made a composition, but I want to rescale the whole thing. I can change the stage values, but still have to resize all the elements. First of all that's a lot of work when you have a lot of elements and second of all the elements don't always keep doing what they're supposed to do for some reason.

moved to the DPS forum....

How do i actually view Edge animate content at 100% on a connected device??

Hey,
I'm working on a mobile mockup in Edge Animate, the resolution is 1280px high x 720px wide. I am previewing the output on a HTC One X via Edge Inspect.
It is working fine (once I figured out how to use the reponsive layouts feature in Edge Animate) but the android status bar and the 'dock' menu within Inspect are squashing my comp vertically so the preview is not in fact 100% scale... my 1280px high comp is now squashed to 1134px. Doesn't exactly give an accurate view of the final product...
It seems to me that the 'Show full screen on devices' is a bit misleading, or is it just how android handles this?
Any help much appreciated.
lance

Hi Lance,
I'm not entirely clear on what you're seeing, could you possibly take a screenshot and post it here if I've misunderstood what you're describing? Thanks, meanwhile, I'll do the best I can to help.
There are two things that may prevent your mockup from taking up the entire screen on Android. There is the Android status bar and our Edge Inspect UI chrome that shows the URL and a couple of buttons. The Edge Inspect chrome you should be able to easily remove by choosing the full screen button within the Chrome extension. "Show full screen on devices" may be a bit misleading it's true, because when you click that we don't also hide the Android status bar. That is however, by design, since that status bar will remain visible on devices while your page is being shown in the native browser on the device, so we're giving you an accurate representation of your page.
Hope this helps,
Mark

How do I use an Edge Animate project with SVG files in InDesign for DPS output?

Is there any way to include an Edge Animate web content using .svg files in InDesign for output to DPS?
Edge Animate works great with InDesign, except for when you're using SVG files. I've worked with SVG files on the web successfully (writing .htaccess files and such), but it seems like InDesign doesn't like them.
This is pretty important because I don't want to have to design multiple renditions on the DPS suite. Currently I have it setup as a PDF format (DPS) and that scales all of the vector-based type perfectly. It would be wonderful if the animations could also be in a vector format so that when the iPad (3) users see the designs, they will scale naturally through the PDF framework.
Any advice would be invaluable.
Thanks!

moved to the DPS forum....

Edge Animate's OAM file problem placed in Muse or other unknown problem?? Please help!

Hi,
I need help please. Did anyone do a whole page animation in Edge Animate and place the OAM file into Muse, and somehow all the menu and social media icon buttons in Muse are blocked by the placed animation? All my menu buttons, social media icon buttons and a link are not working (blocked by the transparent AN stage). I can't go to any other pages because of this issue when previewed in browser. My animation is a slide-open page from center of the page to both right and left side, also text moved up to the top. All are moved out of the stage once animation finished to show the home page with contents, including menu and social media icon buttons. Thanks for your help in advance!!
Thanks,
mykw123

That answers why the two G4's talk normally! I do
have the TCP/IP settings set up manually.
Well, if they are already set manually, maybe you should change them to Auto-negotiate. You shouldn't have to use the Manual setting at all. If you so, then someone, usually the people who wrote the driver for the network card, have screwed something up. It then becomes your job to fix it.
The problems are just very slow document/file
transfer from either new to old or old to new
computer over network, which usually is great with
the two G4's.
That is probably the problem. You may want to go ahead and setup the new machine with manual settings to match the G4s. Otherwise, even the Internet will be noticeably slower.
As for Target Disk Mode...so reboot the old G4
holding the T key and the hard drive should show up
on the desktop of the new computer?
That will do it. It is the best and fastest option to transfer large amounts of data. But even target disk mode is kind of slow. A real, external firewire hard drive will be the fastest of all. It is an excellent idea for backups and this kind of thing.

How can I keep the file size small when I render a .mov file to video in PS entended CS4?

Hi,
I haven't worked with video in Photoshop before and I am having the following issue:
I imported a .mov file into photoshop. I trimmed the file by moving the start and finish points to the relevant points on the timeline. I then cropped the image to get rid of unwanted footage on the edge of the screen. I then selected export - render video. On the panel I chose to select only "currently selected frames" as the range and I chose "Quick Time Movie" as the file type. When I check the properties of my newly rendered movie the file size has increased by several times. The file sizes are now much too large.
I know that I must need to alter some of the render settings but having tried altering many of the settings the result is always the same - a very large file size that is much bigger than my oringinal file.
If anyone can let me know how I can carry out a simple crop & trim on a .mov file and end up with a smaller more compact file after rendering the video I would really appreciate it. Thanks in advance!

Hi Marion,
Thanks very much for your message. I have downloaded that program and it's definitely handy for examining the details of the original file. You mentioned in your message about not having to recode the file - The file I'm editing is originally from a Q3 Zoom video recorder and I can use their in-built software (handyware) to trim the file - this doesn't recode the file and so the file size just reduces by the required amount. Unfortunately there is no facility to crop the file with this software - I've looked for other software that would allow cropping without having to recode the file but I haven't found anything suitable for a simple procudure like this - do you know of any software that allows you to crop a file without recoding? Thanks.

How do I keep a Pages 09 password protected file in iCloud?

After uploading a Pages 09 password protected file from my laptop it shows as a page with the Pages 09 icon in the center (no visible text) in iCloud. So far so good. But once I open that doc using my iPhone, a task that as expected requieres entering the password, the protection seems to disapear and the file gets saved without the protection right in iCloud. The icon for the document changes from the Pages icon I described above to the text of the first page, just as a regular file, and if I try to open it back again entering the password is not requiered!
How do I keep the file password protected?
Thanks. Ale

Files stored in iCloud are stored locally as well as on some remote Apple server - just not on the desktop. You cannot keep the file on the desktop but you should be able to locate it in your Mobile Documents folder, make an alias, and put the alias on your desktop.
The Mobile Documents folder is in your Library folder (hold option while selecting the Go menu in the Finder) and your Numbers documents are located in com~apple~Numbers

How can I keep metadata on an embedded EPS file in AI?

How can I keep metadata on embedded EPS images (from Photoshop) in Illustrator, like it does for JPG?
The top image is an eps I embedded, and the bottom one is a JPG. They are both located on a remote server.
Any help will be appreciated.
Thanks!

I do the same thing as you do...
My music is on an external drive as to not use up gigabytes of storage that need not be used for media.
There are a couple basic principles to iTunes that I believe you should know.
1. iTunes is not a media storage program. It does not store your media "in iTunes". It simply is an organization tool for your media already on a hard disk.
2. As iTunes is not a storage mechanism, it has no way to "know" whether or not the media that is listed is actually there. This is where the "design" of iTunes comes into play.
I like to think of iTunes as a bread-crumb trail. The "music" in iTunes, isn't actually there. The bread crumb is the location on the external hard drive.
If that bread crumb trail disappears (in this case the external drive you use). If said external drive is not plugged in, that bread crumb trail is not able to be followed. iTunes is "lost" and unable to find the media. The only way to remedy this is to place the media on your local drive.
To address your issue of the library. If you hold down shift, you can select your library on your external drive. It will be a file with an .itl extension. The folder name will be your external drive.
I go into edit > preferences > advanced and set my library to the correct location. Make sure you check the box "Copy to iTunes Folder when importing" (or whatever it says).
You can't fix the issue of iTunes not seeing the media if your drive is unplugged unless you physically move the content to your OS HDD...Or any other HDD you use.

Edge Animate loads JS files twice

HI,
Does anyone know why Edge animate loads all the javascript files and JQuery and Edge Libraries twice. Is there a way to prevent or override this?
When profiling my animation with Safari and Chrome, in the Network requiements you can see that these file are loaded twice, increasing the network requirements.
It seems that the first time the format is not recognized given that the icon next to the files is for IMG. The second time it is loaded then it gets the icon for JS.
Has anyone seen this?

Sarah,
Yes, this is the only way Yepnope 1.0.x works and 1.5.x still does such things. There are changes in this area in 1.5.x though. Yepnope exposed two direct methods to inject JS and CSS files. So yepnope({load: ...}) will preload files first and inject them after. Direct methods don't preload files. As far as Edge Animate doesn't use full power of yepnope, there is good chance that direct method will work good:
yepnope.injectJs( scriptSource [, callback ] [, elemAttributes ] [, timeout ]);
yepnope.injectCss( stylesheetSource [, callback ] [, elemAttributes ] [, timeout ]);
Simplest testcase:
<!DOCTYPE html>
<html>
<head>
          <script src="http://cdnjs.cloudflare.com/ajax/libs/yepnope/1.5.4/yepnope.min.js"></script>
          <script>
                    yepnope.injectCss('http://cdnjs.cloudflare.com/ajax/libs/1140/2.0/1140.css');
                    yepnope.injectJs('http://cdnjs.cloudflare.com/ajax/libs/Base64/0.1.3/base64.min.js')
          </script>
</head>
<body>
</body>
</html>

How to make PDF file size smaller from an Illustrator file without changing the quality or size (length and width) of the file?

Is there a way to make a 30x42 size (40 GB) Illustrator file as a PDF but make the file smaller in size (able to email to clients) with out compromising the quality of the file or the size of the file?

If you are working in RGB you can embed a colour profile. Embed ICC Profiles is one of the Acrobat save options. It will increase files size dramatically.
When you save your pdf you can choose the compression method for placed images. Default is ZIP which is really no compression at all for pixel images. Instead you should opt for JPG compression (of varying degree according to how sensitive the images are to compression).
You should also examine the other Acrobat save options. To minimize file size you should not have any of the options checked (Preserve Illustrator Editing Capability, Embed page Thumbnails etc. etc.).
40 gigabytes for a file like the one you show is ridiculous. Did you maybe embed the placed images? If so, don’t. Keep them linked unless you really need to embed them.

Editing PDF and keeping file size small

We are having lot of difficulties in keeping the PDF file small after editing. Our PDFs have text and fields and are used in a browser. They need to be updated multiple times a year to reflect change in text.
PDF was created from MS Word 2010 using Acrobat X.
Word had only Arial and Verdana fonts.
When PDF was created from word, settings were set to "Never Embed" fonts. Till this point, all seems fine.
Now, the moment we try to edit text (even add a letter), PDF prompts that fonts may be embedded and file size increases by 20-30KB.
Checking File-Properties-Fonts show that font has changed to "Arial, Bold Type: True Type (CID), Encoding: Identity-H". Before editing, font type was not CID.
Under Optimization, there is no embedded font and we unchecked “subset all embedded fonts in optimization”. Save the file.
Still File size is higher by 10k-20K - though only one word was added.
Questions:
How to avoid font type CID getting added automatically by Acorbat? It seems it takes more space and we don't need it. We couldn't find a way to remove/replace it.
How to keep the file size not increasing much? Every time we edit with only few words added and do optimize, etc. still file size increases by 10-20 KBs.
thanks
apjs

As these PDFs are used as electronic agreement forms and have fields/Javascript, recreating them from word requires lot of work. We do understand if there are substantial changes then we should recreate from word as PDF is not designed for major editing. However, in most cases we are trying to edit few lines of text and still file size is increasing by 10-20K.
We have tried Save As but so far optimization option gives us better results in terms of reduction in file size.
We do use common fonts - like Arial, Verdana, Times New Roman. We understand that we should embed uncommon fonts but we avoid uncommon fonts as embedding increases PDF file size.
CID is coming up even when common font like Arial is being used.
Thanks for trying to help us.

How can I upload my edge animate .html to the web.

I can't figure out how to upload my edge files to my web host with getting a blank page?

this is how i have it set up

How do I keep an Edge Animate banner ad file size small?

Similar Messages

Maybe you are looking for